jiti-meet/css/components/_input-slider.scss

44 lines
845 B
SCSS
Raw Permalink Normal View History

$rangeInputThumbSize: 14;
/**
* Disable the default webkit styles for range inputs (sliders).
*/
input[type=range]{
2017-02-22 23:14:09 +00:00
-webkit-appearance: none;
background: none;
}
/**
* Show focus for keyboard accessibility.
*/
input[type=range]:focus {
outline: 1px solid white !important;
}
/**
* Include the mixin for a range input style.
*/
@include slider {
2017-02-22 23:14:09 +00:00
background: $sliderTrackBackground;
border: none;
border-radius: 3px;
cursor: pointer;
height: 6px;
width: 100%;
}
/**
* Include the mixin for a range input thumb style.
*/
@include slider-thumb {
2017-02-22 23:14:09 +00:00
-webkit-appearance: none;
background: white;
border: 1px solid $sliderThumbBackground;
border-radius: 50%;
box-shadow: 0px 0px 1px $sliderThumbBackground;
cursor: pointer;
height: 14px;
margin-top: -4px;
width: 14px;
}