diff options
1 files changed, 11 insertions, 11 deletions
| -rw-r--r-- | src/sliders.less | 22 |
diff --git a/src/sliders.less b/src/sliders.less index 779117d..bf5ce96 100644 --- a/src/sliders.less +++ b/src/sliders.less @@ -5,7 +5,7 @@ background: transparent; display: block; width: 100%; - height: 2.4rem; + height: @unit-6; &:focus { .control-shadow(); @@ -18,26 +18,26 @@ background: @primary-color; border: 0; border-radius: 50%; - height: 1.2rem; - margin-top: -.5rem; + height: @unit-3; + margin-top: -(@unit-3 - @unit-h) / 2 ; transition: transform .2s ease; - width: 1.2rem; + width: @unit-3; } &::-moz-range-thumb { background: @primary-color; border: 0; border-radius: 50%; - height: 1.2rem; + height: @unit-3; transition: transform .2s ease; - width: 1.2rem; + width: @unit-3; } &::-ms-thumb { background: @primary-color; border: 0; border-radius: 50%; - height: 1.2rem; + height: @unit-3; transition: transform .2s ease; - width: 1.2rem; + width: @unit-3; } &:active { @@ -72,19 +72,19 @@ &::-webkit-slider-runnable-track { background: @bg-color-dark; border-radius: @border-radius; - height: .2rem; + height: @unit-h; width: 100%; } &::-moz-range-track { background: @bg-color-dark; border-radius: @border-radius; - height: .2rem; + height: @unit-h; width: 100%; } &::-ms-track { background: @bg-color-dark; border-radius: @border-radius; - height: .2rem; + height: @unit-h; width: 100%; } &::-ms-fill-lower { |