jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-21 19:41:17 -04:00
Code Issues Activity

clean up loading animation styles

Browse Source
This commit is contained in:
Jake Jarvis
2021-09-06 16:26:43 -04:00
parent 7d7bf4b474
commit f42c5bd3bc
7 changed files with 142 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
assets/sass/components/_animation.scss
View File

@@ -17,22 +17,25 @@
}
// modified from https://tobiasahlin.com/spinkit/
.spinner {
.loading {
text-align: center;
> div {
display: inline-block;
animation: loader 1.4s infinite ease-in-out both;
animation: loading 1.5s infinite ease-in-out both;
&:nth-child(1) {
animation-delay: -0.32s;
}
&:nth-child(2) {
animation-delay: -0.16s;
}
&:nth-child(3) {
animation-delay: 0s;
}
@include themes.themed(background-color, "medium-light");
}
.spin-bounce1 {
animation-delay: -0.32s;
}
.spin-bounce2 {
animation-delay: -0.16s;
}
}
@keyframes wave {
@@ -85,7 +88,7 @@
}
}
@keyframes loader {
@keyframes loading {
0%,
80%,
100% {