prehistoric-systems/itty-bitty
1
0
Fork 0
mirror of https://github.com/arfct/itty-bitty.git synced 2026-03-11 08:54:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Updated loader styles

Browse source
This commit is contained in:
Nicholas Jitkoff 2022-12-04 10:04:00 -08:00
parent c703fbc542
commit 263252342d
1 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
docs/index.css
View file

@ -1,5 +1,6 @@
body {
font-family: sans-serif;
margin:0;
}
@media(prefers-color-scheme: dark){
@ -120,20 +121,22 @@ body:not(.download) #download {
body:not(.loading) #loader {
/* display:none; */
opacity:0.0;
/* opacity:1.0; */
top:-6em;
transition: top 300ms ease-in;
}
#loader{
border-radius:50%;
width: 1em;
height: 1em;
border-radius:0.1em;
width: 0.5em;
height: .5em;
font-size: 10px;
margin: 0 auto;
top:0em;
position: relative;
text-indent: -9999em;
color: white;
opacity:1.0;
transition: opacity 500ms;
transition: top 600ms ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: turntable 2.8s infinite ease-in-out;
@ -210,4 +213,4 @@ body:not(.loading) #loader {
85% {box-shadow:var(--ld17),var(--ld1), var(--ld5),var(--ld9),var(--ld13)}
90% {box-shadow:var(--ld18),var(--ld2), var(--ld6),var(--ld10),var(--ld14)}
95% {box-shadow:var(--ld19),var(--ld3), var(--ld7),var(--ld11),var(--ld15)}
}
}