diff options
author | Yan Zhu <picturepan2@hotmail.com> | 2017-03-29 10:14:09 +0300 |
---|---|---|
committer | Yan Zhu <picturepan2@hotmail.com> | 2017-03-29 10:14:09 +0300 |
commit | 136b1127d32e0057f7ff558984245ac388aca820 (patch) | |
tree | 8c746a7ac8caa30c0f8ab65cc1609ec85458e4ce /src/bars.less | |
parent | afb6282a3e2b2014f0756586f40dae00c7f9a722 (diff) |
Add Slider bars code
Diffstat (limited to 'src/bars.less')
-rw-r--r-- | src/bars.less | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/src/bars.less b/src/bars.less index 193f9e4..a996142 100644 --- a/src/bars.less +++ b/src/bars.less @@ -36,3 +36,40 @@ } } } + +// Slider bar +.bar-slider { + height: .2rem; + margin: 1rem 0; + position: relative; + + .bar-item { + left: 0; + padding: 0; + position: absolute; + &:not(:last-child):first-child { + background: @bg-color-dark; + z-index: @zindex-0; + } + } + + .bar-slider-btn { + appearance: none; + background: @primary-color; + border: 0; + border-radius: 50%; + cursor: pointer; + height: 1.2rem; + padding: 0; + position: absolute; + right: 0; + top: 50%; + transform: translate(50%, -50%); + transition: all .2s ease; + width: 1.2rem; + + &:active { + box-shadow: 0 0 0 .2rem @primary-color; + } + } +} |