mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-03-27 11:01:38 -04:00
37 lines
834 B
CSS
37 lines
834 B
CSS
.soundbar {
|
|
margin: 1em 0 2em;
|
|
width: 100%;
|
|
height: 25px;
|
|
background: var(--quaternary-background);
|
|
appearance: none;
|
|
overflow: hidden;
|
|
border: 2px solid var(--secondary-color);
|
|
}
|
|
|
|
/* Special styling for WebKit/Blink */
|
|
.soundbar::-webkit-slider-thumb {
|
|
box-shadow: -2000px 0 0 2000px var(--gray-45);
|
|
-webkit-appearance: none;
|
|
border: 2px solid var(--primary-color);
|
|
height: 25px;
|
|
width: 16px;
|
|
background: var(--primary-background);
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* All the same stuff for Firefox */
|
|
.soundbar::-moz-range-thumb {
|
|
box-shadow: -2000px 0 0 2000px var(--gray-45);
|
|
border: 2px solid var(--primary-color);
|
|
border-radius: 0;
|
|
height: 25px;
|
|
width: 16px;
|
|
background: var(--primary-background);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.soundbar::-moz-range-progress {
|
|
background: var(--gray-90);
|
|
height: 25px;
|
|
}
|