29 lines
970 B
Plaintext
29 lines
970 B
Plaintext
// ==========================================================================
|
|
// Plyr mixins
|
|
// https://github.com/selz/plyr
|
|
// ==========================================================================
|
|
|
|
// <input type="range"> styling
|
|
.plyr-range-track() {
|
|
height: @plyr-range-track-height;
|
|
background: currentColor;
|
|
border: 0;
|
|
border-radius: (@plyr-range-track-height / 2);
|
|
user-select: none;
|
|
}
|
|
.plyr-range-thumb() {
|
|
position: relative;
|
|
height: @plyr-range-thumb-height;
|
|
width: @plyr-range-thumb-width;
|
|
background: @plyr-range-thumb-bg;
|
|
border: @plyr-range-thumb-border;
|
|
border-radius: 100%;
|
|
transition: background .2s ease, border .2s ease, transform .2s ease;
|
|
box-shadow: @plyr-range-thumb-shadow;
|
|
box-sizing: border-box;
|
|
}
|
|
.plyr-range-thumb-active() {
|
|
background: @plyr-range-thumb-active-bg;
|
|
border-color: @plyr-range-thumb-active-border-color;
|
|
transform: scale(@plyr-range-thumb-active-scale);
|
|
} |