54 lines
612 B
SCSS
54 lines
612 B
SCSS
|
// main: style.scss
|
||
|
|
|
||
|
|
// ===========================================================================
|
||
|
|
// ANIMATIONS
|
||
|
|
// ===========================================================================
|
||
|
|
|
||
|
|
@-webkit-keyframes wave-up {
|
||
|
|
0% {
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
top: -0.5rem;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes wave-up {
|
||
|
|
0% {
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
top: -0.5rem;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes wave-down {
|
||
|
|
0% {
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
bottom: -0.5rem;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes wave-down {
|
||
|
|
0% {
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
60% {
|
||
|
|
bottom: -0.5rem;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
}
|