mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-03 20:13:02 +00:00
geoffrey45
5476575d10
+ fix `play next` bug + add new folder banner image + add new now playing component + move to gray4 for accent color + increase image sizes, for clean UI
73 lines
1.3 KiB
SCSS
73 lines
1.3 KiB
SCSS
input[type="range"] {
|
|
-webkit-appearance: none;
|
|
margin-right: 15px;
|
|
width: calc(100% - 2px);
|
|
height: 0.3rem;
|
|
border-radius: 5px;
|
|
background: $gray linear-gradient(90deg, $accent, $accent) no-repeat;
|
|
background-size: 100% 100%;
|
|
|
|
&::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
|
|
height: 0;
|
|
width: 0.8rem;
|
|
border-radius: 50%;
|
|
background: $accent;
|
|
}
|
|
|
|
&::-moz-range-thumb {
|
|
-webkit-appearance: none;
|
|
|
|
height: 0;
|
|
border-radius: 50%;
|
|
background: $accent;
|
|
border: none;
|
|
}
|
|
|
|
&::-ms-thumb {
|
|
-webkit-appearance: none;
|
|
|
|
height: 0;
|
|
width: 0.8rem;
|
|
border-radius: 50%;
|
|
background: $accent;
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
/* Input Thumb */
|
|
input[type="range"]::-webkit-slider-thumb:hover {
|
|
background: $accent;
|
|
}
|
|
|
|
input[type="range"]::-moz-range-thumb:hover {
|
|
background: $accent;
|
|
}
|
|
|
|
input[type="range"]::-ms-thumb:hover {
|
|
background: $accent;
|
|
}
|
|
|
|
/* Input Track */
|
|
input[type="range"]::-webkit-slider-runnable-track {
|
|
-webkit-appearance: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
background: transparent;
|
|
}
|
|
|
|
input[type="range"]::-moz-range-track {
|
|
-webkit-appearance: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
background: transparent;
|
|
}
|
|
|
|
input[type="range"]::-ms-track {
|
|
-webkit-appearance: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
background: transparent;
|
|
}
|