vulcan/public/css/smooth-state-anim.css
2017-09-01 10:05:30 +01:00

44 lines
2.1 KiB
CSS

/* @mixin respond-to
------------------------------------------------------------------- */
/* line 6, /Users/mperez/Sites/smoothstate/source/stylesheets/pageTransitions.css.scss */
.m-scene .scene_element {
-webkit-animation-duration: 0.25s;
animation-duration: 0.25s;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
/* line 17, /Users/mperez/Sites/smoothstate/source/stylesheets/pageTransitions.css.scss */
.m-scene .scene_element--fadein {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
/* line 22, /Users/mperez/Sites/smoothstate/source/stylesheets/pageTransitions.css.scss */
.m-scene .scene_element--fadeinup {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
/* line 27, /Users/mperez/Sites/smoothstate/source/stylesheets/pageTransitions.css.scss */
.m-scene .scene_element--fadeinright {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
/* line 32, /Users/mperez/Sites/smoothstate/source/stylesheets/pageTransitions.css.scss */
.m-scene .scene_element--delayed {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s; }
/* line 38, /Users/mperez/Sites/smoothstate/source/stylesheets/pageTransitions.css.scss */
.m-scene.is-exiting .scene_element {
-webkit-animation-direction: alternate-reverse;
animation-direction: alternate-reverse; }
/* line 43, /Users/mperez/Sites/smoothstate/source/stylesheets/pageTransitions.css.scss */
.m-scene.is-exiting .scene_element--delayed {
-webkit-animation-delay: 0s;
animation-delay: 0s; }
/* line 48, /Users/mperez/Sites/smoothstate/source/stylesheets/pageTransitions.css.scss */
.m-scene.is-exiting .scene_element--noexiting {
-webkit-animation-direction: alternate-reverse;
animation-direction: alternate-reverse; }
@media screen and (min-width: 768px) {
/* line 57, /Users/mperez/Sites/smoothstate/source/stylesheets/pageTransitions.css.scss */
.m-scene .scene_element--fadeinright-wide {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; } }