102 lines
1.4 KiB
SCSS
102 lines
1.4 KiB
SCSS
@keyframes nutSlideUpIn {
|
|
from {
|
|
visibility: visible;
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes nutSlideUpOut {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
to {
|
|
visibility: hidden;
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
}
|
|
|
|
@include make-animation(nutSlideUp);
|
|
|
|
|
|
@keyframes nutSlideDownOut {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
to {
|
|
visibility: hidden;
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
}
|
|
|
|
|
|
@keyframes nutSlideDownIn {
|
|
from {
|
|
visibility: visible;
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@include make-animation(nutSlideDown);
|
|
|
|
|
|
@keyframes nutSlideLeftIn {
|
|
from {
|
|
visibility: visible;
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
|
|
@keyframes nutSlideLeftOut {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
to {
|
|
visibility: hidden;
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|
|
|
|
@include make-animation(nutSlideLeft);
|
|
|
|
|
|
|
|
@keyframes nutSlideRightIn {
|
|
from {
|
|
visibility: visible;
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
|
|
@keyframes nutSlideRightOut {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
to {
|
|
visibility: hidden;
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
|
|
@include make-animation(nutSlideRight); |