TDvorak/swingmusic-extended
1
0
Fork 0
mirror of https://github.com/Dvorinka/swingmusic-extended.git synced 2026-06-05 04:53:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

break down global.scss into smaller files

Browse Source 
+ rename css folder to scss
This commit is contained in:
geoffrey45
2022-08-02 12:05:59 +03:00
parent c2783fe540
commit b070601d4d
40 changed files with 412 additions and 498 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/scss/ProgressBar.scss
+72
View File
@@ -0,0 +1,72 @@
input[type="range"] {
-webkit-appearance: none;
margin-right: 15px;
width: calc(100% - 2px);
height: 0.3rem;
border-radius: 5px;
background-size: 0 100%;
background: $gray linear-gradient($accent, $accent) no-repeat;
&::-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: $pink;
}
input[type="range"]::-moz-range-thumb:hover {
background: $pink;
}
input[type="range"]::-ms-thumb:hover {
background: $pink;
}
/* 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;
}