opensource/freeCodeCamp
3
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-09-24 23:01:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: campfire volume slider colors (#53765)

Browse Source 
Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>
This commit is contained in:
Sem Bauke
2024-02-21 17:18:43 +03:00
committed by GitHub
co-authored by moT01
parent d0814589dc
commit 73c6fb85d0
1 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/settings/sound.css
+9 -10
View File
@@ -2,35 +2,34 @@
margin: 1em 0 2em;
width: 100%;
height: 25px;
background: var(--gray-45);
background: var(--quaternary-background);
}
input[type='range'] {
-webkit-appearance: none;
appearance: none;
overflow: hidden;
border: 2px solid var(--secondary-color);
}
input[type='range']:focus {
outline-color: transparent;
}
/* Special styling for WebKit/Blink */
input[type='range']::-webkit-slider-thumb {
box-shadow: -2000px 0 0 2000px var(--gray-90);
box-shadow: -2000px 0 0 2000px var(--gray-45);
-webkit-appearance: none;
border: 2px solid var(--secondary-color);
border: 2px solid var(--primary-color);
height: 25px;
width: 16px;
background: var(--quaternary-background);
background: var(--primary-background);
cursor: pointer;
}
/* All the same stuff for Firefox */
input[type='range']::-moz-range-thumb {
border: 2px solid var(--secondary-color);
box-shadow: -2000px 0 0 2000px var(--gray-45);
border: 2px solid var(--primary-color);
border-radius: 0;
height: 25px;
width: 16px;
background: var(--quaternary-background);
background: var(--primary-background);
cursor: pointer;
}