slonk/slonksite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

i give up on the progress element

Browse source
This commit is contained in:
slonkazoid 2024-04-19 17:22:33 +03:00
parent 0af8c8d9c1
commit 17690c8456
Signed by: slonk
SSH key fingerprint: SHA256:tbZfJX4IOvZ0LGWOWu5Ijo8jfMPi78TU7x1VoEeCIjM
2 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -297,10 +297,6 @@
</fieldset> </fieldset>
<br /> <br />
<p>
this close to losing it
<progress max="100" value="97"></progress>
</p>
<p> <p>
<b>did you know?</b> this website has a total of 0 bytes of javascript<br /> <b>did you know?</b> this website has a total of 0 bytes of javascript<br />
in my opinion, simple websites like this shouldn't require a powerful system to render. i want my site to be accessible on an old smartphone, on in my opinion, simple websites like this shouldn't require a powerful system to render. i want my site to be accessible on an old smartphone, on

9
style.css
View file

@ -37,6 +37,7 @@ code {
background-color: var(--base); background-color: var(--base);
color: var(--text); color: var(--text);
accent-color: var(--pink);
} }
body { body {
@ -79,11 +80,15 @@ progress {
border-color: var(--text); border-color: var(--text);
background-color: var(--base); background-color: var(--base);
color: var(--pink); color: var(--pink);
accent-color: var(--pink);
} }
::-moz-progress-bar, ::-moz-progress-bar,
::-webkit-progress-value {
background-color: var(--pink) !important;
}
::-webkit-progress-bar { ::-webkit-progress-bar {
background-color: var(--pink); background-color: var(--base);
width: 100%;
} }
footer { footer {