kennethnym/infinifi
1
0
Fork 0
Code Issues 2 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix: lil css compatibility

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

4
web/index.html
View File

@@ -31,8 +31,8 @@
<input id="volume-slider" type="range" min="0" max="100" step="1" /> <input id="volume-slider" type="range" min="0" max="100" step="1" />
</div> </div>
</main> </main>
<img class="cat" src="./images/cat-0.png"></img> <img class="cat" src="./images/cat-0.png">
<img class="eeping-cat" src="./images/eeping-cat.png"></img> <img class="eeping-cat" src="./images/eeping-cat.png">
</div> </div>
<footer> <footer>

8
web/style.css
View File

@@ -171,21 +171,21 @@ a {
input[type="range"] { input[type="range"] {
overflow: hidden; overflow: hidden;
height: var(--range-height); height: var(--range-height);
-webkit-appearance: none; appearance: none;
border: 2px solid var(--text); border: 2px solid var(--text);
background-color: var(--base); background-color: var(--base);
} }
input[type="range"]::-webkit-slider-runnable-track { input[type="range"]::-webkit-slider-runnable-track {
height: var(--range-height); height: var(--range-height);
-webkit-appearance: none; appearance: none;
color: #13bba4; color: #13bba4;
} }
input[type="range"]::-webkit-slider-thumb { input[type="range"]::-webkit-slider-thumb {
width: var(--range-height); width: var(--range-height);
height: var(--range-height); height: var(--range-height);
-webkit-appearance: none; appearance: none;
background: var(--text); background: var(--text);
box-shadow: -80px 0 0 80px var(--range-accent); box-shadow: -80px 0 0 80px var(--range-accent);
} }