You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
442 B
25 lines
442 B
//
|
|
// Transitions
|
|
// --------------------------------------------------
|
|
|
|
.fade {
|
|
@include transition($transition-fade);
|
|
|
|
&.fade-up,
|
|
&.fade-right,
|
|
&.fade-left {
|
|
@include transition(opacity .25s ease-out, transform .25s ease-out);
|
|
}
|
|
|
|
&.fade-up:not(.show) {
|
|
transform: translateY(50px);
|
|
}
|
|
|
|
&.fade-right:not(.show) {
|
|
transform: translateX(-50px);
|
|
}
|
|
|
|
&.fade-left:not(.show) {
|
|
transform: translateX(50px);
|
|
}
|
|
}
|