emilia
/
personal-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

More idiomatic SCSS in animation

This commit is contained in:
Emilia Allison 2022-10-02 14:44:42 -04:00
parent 1882e1d156
commit 1f07fd9926
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
1 changed files with 4 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/cool-stuff/css-purgatory/waltuh/scss/waltuh.scss
View File

@ -223,32 +223,10 @@ footer {
from {
background-position: 6em 0em;
}
10% {
background-position: $r*math.cos(1*$pd) $r*math.sin(1*$pd);
@for $i from 1 through 9 {
#{$i*10}% {
background-position: $r*math.cos($i*$pd) $r*math.sin($i*$pd);
}
20% {
background-position: $r*math.cos(2*$pd) $r*math.sin(2*$pd);
}
30% {
background-position: $r*math.cos(3*$pd) $r*math.sin(3*$pd);
}
40% {
background-position: $r*math.cos(4*$pd) $r*math.sin(4*$pd);
}
50% {
background-position: $r*math.cos(5*$pd) $r*math.sin(5*$pd);
}
60% {
background-position: $r*math.cos(6*$pd) $r*math.sin(6*$pd);
}
70% {
background-position: $r*math.cos(7*$pd) $r*math.sin(7*$pd);
}
80% {
background-position: $r*math.cos(8*$pd) $r*math.sin(8*$pd);
}
90% {
background-position: $r*math.cos(9*$pd) $r*math.sin(9*$pd);
}
to {
background-position: 6em 0em;