45 lines
719 B
SCSS
45 lines
719 B
SCSS
// --------------------------------------------------
|
|
// ANIMATIONS
|
|
// --------------------------------------------------
|
|
|
|
@keyframes expand-outline-2px {
|
|
0% {
|
|
outline-offset: 0;
|
|
}
|
|
100% {
|
|
outline-offset: 2px;
|
|
}
|
|
}
|
|
|
|
@keyframes expand-outline-4px {
|
|
0% {
|
|
outline-offset: 0;
|
|
}
|
|
100% {
|
|
outline-offset: 4px;
|
|
}
|
|
}
|
|
|
|
@keyframes expand-height {
|
|
0% {
|
|
height: 0;
|
|
}
|
|
100% {
|
|
height: calc(100% - var(--regular-icon-size));
|
|
}
|
|
}
|
|
|
|
@keyframes rotate-360 {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
// AOS customization
|
|
|
|
[data-aos='fade-up'] {
|
|
transform: translate3d(0, 5rem, 0);
|
|
}
|