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.
|
|
|
|
//
|
|
|
|
|
// Push styles (to be used with push.js)
|
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
|
|
.content {
|
|
|
|
|
|
|
|
|
|
// Fade animation
|
|
|
|
|
&.fade {
|
|
|
|
|
left: 0;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
-webkit-transition: opacity .2s ease-in-out;
|
|
|
|
|
transition: opacity .2s ease-in-out;
|
|
|
|
|
|
|
|
|
|
&.in {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Slide animation iOS7
|
|
|
|
|
&.slide {
|
|
|
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
|
-webkit-transition: -webkit-transform .25s ease-in-out;
|
|
|
|
|
transition: transform .25s ease-in-out;
|
|
|
|
|
-webkit-transition-timing-function: cubic-bezier(.1, .7, .1, 1); //Thanks to @c2prods
|
|
|
|
|
|
|
|
|
|
&.left {
|
|
|
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
|
|
|
transform: translate3d(-100%, 0, 0);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.right {
|
|
|
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
|
|
|
transform: translate3d(100%, 0, 0);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
