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:
Hegyi Áron Ferenc
2024-07-24 10:53:25 +02:00
parent 94425dc860
commit eeb0d03fe8
2 changed files with 6 additions and 6 deletions

View File

@@ -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>

View File

@@ -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);
}