diff options
| author | kumavis <kumavis@users.noreply.github.com> | 2018-02-28 03:25:29 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-02-28 03:25:29 +0800 |
| commit | 3fefccd37219c9b4b513fc8d929723e07022b9c4 (patch) | |
| tree | 22865ecd672570a6162ac3c9402ec9d63ad3f7ef /ui/app/css/itcss/components/gas-slider.scss | |
| parent | 6a7ea00cd34f83b257f6b4280a5f4e20aa5d34ee (diff) | |
| parent | ced62ac551a095c8f94f550f0c01a9d4fd04ce5b (diff) | |
| download | tangerine-wallet-browser-3fefccd37219c9b4b513fc8d929723e07022b9c4.tar.gz tangerine-wallet-browser-3fefccd37219c9b4b513fc8d929723e07022b9c4.tar.zst tangerine-wallet-browser-3fefccd37219c9b4b513fc8d929723e07022b9c4.zip | |
Merge branch 'master' into mascara-deploy
Diffstat (limited to 'ui/app/css/itcss/components/gas-slider.scss')
| -rw-r--r-- | ui/app/css/itcss/components/gas-slider.scss | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/gas-slider.scss b/ui/app/css/itcss/components/gas-slider.scss new file mode 100644 index 000000000..c27a560bd --- /dev/null +++ b/ui/app/css/itcss/components/gas-slider.scss @@ -0,0 +1,51 @@ +.gas-slider { + position: relative; + width: 313px; + + &__input { + width: 317px; + margin-left: -2px; + z-index: 2; + } + + input[type=range] { + -webkit-appearance: none !important; + } + + input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none !important; + height: 26px; + width: 26px; + border: 2px solid #B8B8B8; + background-color: #FFFFFF; + box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08); + border-radius: 50%; + position: relative; + z-index: 10; + } + + &__bar { + height: 6px; + width: 313px; + background: $alto; + display: flex; + justify-content: space-between; + position: absolute; + top: 11px; + z-index: 0; + } + + &__low, &__high { + height: 6px; + width: 49px; + z-index: 1; + } + + &__low { + background-color: $crimson; + } + + &__high { + background-color: $caribbean-green; + } +}
\ No newline at end of file |