fix: lil css compatibility
* safari supports it w/o vendor prefix from 15.4 (Released 2022-03-14) Co-Authored-By: Anderson Marlon <anderson18.marlon@gmail.com>
This commit is contained in:
@@ -31,8 +31,8 @@
|
||||
<input id="volume-slider" type="range" min="0" max="100" step="1" />
|
||||
</div>
|
||||
</main>
|
||||
<img class="cat" src="./images/cat-0.png"></img>
|
||||
<img class="eeping-cat" src="./images/eeping-cat.png"></img>
|
||||
<img class="cat" src="./images/cat-0.png">
|
||||
<img class="eeping-cat" src="./images/eeping-cat.png">
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
|
@@ -171,21 +171,21 @@ a {
|
||||
input[type="range"] {
|
||||
overflow: hidden;
|
||||
height: var(--range-height);
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
border: 2px solid var(--text);
|
||||
background-color: var(--base);
|
||||
}
|
||||
|
||||
|
||||
input[type="range"]::-webkit-slider-runnable-track {
|
||||
height: var(--range-height);
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
color: #13bba4;
|
||||
}
|
||||
|
||||
input[type="range"]::-webkit-slider-thumb {
|
||||
width: var(--range-height);
|
||||
height: var(--range-height);
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
background: var(--text);
|
||||
box-shadow: -80px 0 0 80px var(--range-accent);
|
||||
}
|
||||
|
Reference in New Issue
Block a user