Ghost/core/client/assets/sass/modules/animations.scss

58 lines
989 B
SCSS
Raw Normal View History

2013-05-31 17:36:55 +04:00
/*
* Specific styles for re-usable animations in Ghost admin.
*
* Table of Contents:
*
*
*/
/* =============================================================================
General
============================================================================= */
2013-05-11 20:44:25 +04:00
@-webkit-keyframes off-canvas {
0% { left:0; }
100% { left:300px; }
2013-05-11 20:44:25 +04:00
}
@-moz-keyframes off-canvas {
0% { opacity: 0; }
100% { opacity: 1; }
2013-05-11 20:44:25 +04:00
}
@-o-keyframes off-canvas {
0% { opacity: 0; }
100% { opacity: 1; }
2013-05-11 20:44:25 +04:00
}
@keyframes off-canvas {
0% { opacity: 0; }
100% { opacity: 1; }
2013-07-22 19:31:44 +04:00
}
@include keyframes(fadeIn) {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
2013-09-30 18:02:51 +04:00
@include keyframes(shift-rightwards) {
0% {
@include transform(translateX(-100%));
}
40% {
@include transform(translateX(0%));
}
60% {
@include transform(translateX(0%));
}
100% {
@include transform(translateX(100%));
}
}