diff options
| author | Alexander Tseung <alextsg@gmail.com> | 2018-01-04 03:06:08 +0800 |
|---|---|---|
| committer | Alexander Tseung <alextsg@gmail.com> | 2018-01-04 03:06:08 +0800 |
| commit | a6f062a6865d3e1e5ceb98885ab4b38713e4293d (patch) | |
| tree | ea379a341cc19f8942536b1800c309f7d79b3583 /ui/app/css/itcss/components/gas-slider.scss | |
| parent | 313b3c087a09bcc4462da15ff3caeac515967cf5 (diff) | |
| parent | dfb22471087f040d8345a5a17321e1462842045c (diff) | |
| download | tangerine-wallet-browser-a6f062a6865d3e1e5ceb98885ab4b38713e4293d.tar.gz tangerine-wallet-browser-a6f062a6865d3e1e5ceb98885ab4b38713e4293d.tar.zst tangerine-wallet-browser-a6f062a6865d3e1e5ceb98885ab4b38713e4293d.zip | |
Merge branch 'NewUI-flat' into NewUI-flat-4.0.5c
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 |