foodogsquared/website
1
0
Fork 0
mirror of https://github.com/foo-dogsquared/website.git synced 2025-01-31 04:58:26 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add more Asciidoctor roles

Browse Source
This commit is contained in:
Gabriel Arazas 2023-05-30 11:46:41 +08:00
parent f7e2b3a2b7
commit 4b4dfcff6e
No known key found for this signature in database
GPG Key ID: ADE0C41DAB221FCC
2 changed files with 40 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
assets/scss/animations.scss
View File

@ -23,6 +23,19 @@
}
}
@keyframes mini-bounce {
$baseSize: 0.5em;
$baseRotation: 2deg;
from {
transform: rotate($baseRotation) translateX($baseSize)
translateY(-#{$baseSize / 5});
}
to {
transform: rotate(-$baseRotation) translateX(-$baseSize)
translateY(-#{$baseSize / 5});
}
}
@keyframes pulse {
from {
width: #{$tooltip-size / 2};
@ -38,6 +51,12 @@
@for $i from 1 to length($colorOrder) {
#{$i * $divide}% {
fill: var(--base#{nth($colorOrder, $i)});
color: var(--base#{nth($colorOrder, $i)});
}
}
}
@keyframes blur-blur {
from { filter: blur(1em); }
to { filter: blur(0); }
}

22
assets/scss/roles.scss
View File

@ -23,8 +23,28 @@
animation: extreme-shake 0.1s alternate ease-in-out infinite;
}
.blur {
filter: blur(4px);
}
.blur-blur {
animation: blur-blur 4s alternate infinite;
}
.rainbow {
animation: rainbow 5s infinite;
}
.bounce {
animation: bounce 0.6s alternate ease-in-out infinite;
}
.mini-bounce {
animation: mini-bounce 0.6s alternate ease-in-out infinite;
}
@media (prefers-reduced-motion) {
.shake, .extreme-shake {
.shake, .extreme-shake, .blur-blur, .bounce {
animation: none;
}
}