mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 15:07:13 +08:00
40 lines
901 B
SCSS
40 lines
901 B
SCSS
|
|
/**
|
|
* Range
|
|
* --------------------------------------------------
|
|
*/
|
|
|
|
input[type="range"] {
|
|
display: inline-block;
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
width: auto;
|
|
height: $range-track-height;
|
|
outline: none;
|
|
border-radius: $range-track-height;
|
|
background-color: $range-track-color;
|
|
-webkit-appearance: none !important;
|
|
|
|
&::-webkit-slider-thumb {
|
|
position: relative;
|
|
width: $range-slider-width;
|
|
height: $range-slider-height;
|
|
border-radius: $range-slider-border-radius;
|
|
background-color: $toggle-handle-off-bg-color;
|
|
box-shadow: 0 0 2px rgba(0,0,0,.5), 0 5px 6px rgba(0,0,0,0.25);
|
|
cursor: pointer;
|
|
-webkit-appearance: none !important;
|
|
}
|
|
|
|
&::-webkit-slider-thumb:after {
|
|
/* create a larger (but hidden) hit area */
|
|
position: absolute;
|
|
top: -10px;
|
|
left: -10px;
|
|
display: table;
|
|
padding: 20px;
|
|
content: ' ';
|
|
}
|
|
|
|
}
|