69 lines
770 B
SCSS
69 lines
770 B
SCSS
// ----------------------------------------------------------------------------
|
|
// ANIMATIONS
|
|
// ----------------------------------------------------------------------------
|
|
|
|
@-webkit-keyframes expand-outline {
|
|
from {
|
|
outline-offset: 0;
|
|
}
|
|
to {
|
|
outline-offset: 2px;
|
|
}
|
|
}
|
|
|
|
@keyframes expand-outline {
|
|
from {
|
|
outline-offset: 0;
|
|
}
|
|
to {
|
|
outline-offset: 2px;
|
|
}
|
|
}
|
|
|
|
@-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;
|
|
}
|
|
}
|