|
@@ -334,30 +334,57 @@ body {
|
|
|
.reveal .slides > section.past, .reveal .slides > section.future, .reveal .slides > section > section.past, .reveal .slides > section > section.future {
|
|
|
opacity: 0; }
|
|
|
|
|
|
+/*********************************************
|
|
|
+ * Mixins for readability of transitions
|
|
|
+ *********************************************/
|
|
|
/*********************************************
|
|
|
* SLIDE TRANSITION
|
|
|
* Aliased 'linear' for backwards compatibility
|
|
|
*********************************************/
|
|
|
-.reveal.slide section, .reveal.linear section {
|
|
|
+.reveal.slide section {
|
|
|
-webkit-backface-visibility: hidden;
|
|
|
backface-visibility: hidden; }
|
|
|
|
|
|
-.reveal .slides > section[data-transition=slide].past, .reveal.slide .slides > section:not([data-transition]).past, .reveal .slides > section[data-transition=linear].past, .reveal.linear .slides > section:not([data-transition]).past {
|
|
|
+.reveal .slides > section[data-transition=slide].past, .reveal .slides > section[data-transition~=slide-out].past, .reveal.slide .slides > section:not([data-transition]).past {
|
|
|
-webkit-transform: translate(-150%, 0);
|
|
|
-ms-transform: translate(-150%, 0);
|
|
|
transform: translate(-150%, 0); }
|
|
|
|
|
|
-.reveal .slides > section[data-transition=slide].future, .reveal.slide .slides > section:not([data-transition]).future, .reveal .slides > section[data-transition=linear].future, .reveal.linear .slides > section:not([data-transition]).future {
|
|
|
+.reveal .slides > section[data-transition=slide].future, .reveal .slides > section[data-transition~=slide-in].future, .reveal.slide .slides > section:not([data-transition]).future {
|
|
|
-webkit-transform: translate(150%, 0);
|
|
|
-ms-transform: translate(150%, 0);
|
|
|
transform: translate(150%, 0); }
|
|
|
|
|
|
-.reveal .slides > section > section[data-transition=slide].past, .reveal.slide .slides > section > section:not([data-transition]).past, .reveal .slides > section > section[data-transition=linear].past, .reveal.linear .slides > section > section:not([data-transition]).past {
|
|
|
+.reveal .slides > section > section[data-transition=slide].past, .reveal .slides > section > section[data-transition~=slide-out].past, .reveal.slide .slides > section > section:not([data-transition]).past {
|
|
|
-webkit-transform: translate(0, -150%);
|
|
|
-ms-transform: translate(0, -150%);
|
|
|
transform: translate(0, -150%); }
|
|
|
|
|
|
-.reveal .slides > section > section[data-transition=slide].future, .reveal.slide .slides > section > section:not([data-transition]).future, .reveal .slides > section > section[data-transition=linear].future, .reveal.linear .slides > section > section:not([data-transition]).future {
|
|
|
+.reveal .slides > section > section[data-transition=slide].future, .reveal .slides > section > section[data-transition~=slide-in].future, .reveal.slide .slides > section > section:not([data-transition]).future {
|
|
|
+ -webkit-transform: translate(0, 150%);
|
|
|
+ -ms-transform: translate(0, 150%);
|
|
|
+ transform: translate(0, 150%); }
|
|
|
+
|
|
|
+.reveal.linear section {
|
|
|
+ -webkit-backface-visibility: hidden;
|
|
|
+ backface-visibility: hidden; }
|
|
|
+
|
|
|
+.reveal .slides > section[data-transition=linear].past, .reveal .slides > section[data-transition~=linear-out].past, .reveal.linear .slides > section:not([data-transition]).past {
|
|
|
+ -webkit-transform: translate(-150%, 0);
|
|
|
+ -ms-transform: translate(-150%, 0);
|
|
|
+ transform: translate(-150%, 0); }
|
|
|
+
|
|
|
+.reveal .slides > section[data-transition=linear].future, .reveal .slides > section[data-transition~=linear-in].future, .reveal.linear .slides > section:not([data-transition]).future {
|
|
|
+ -webkit-transform: translate(150%, 0);
|
|
|
+ -ms-transform: translate(150%, 0);
|
|
|
+ transform: translate(150%, 0); }
|
|
|
+
|
|
|
+.reveal .slides > section > section[data-transition=linear].past, .reveal .slides > section > section[data-transition~=linear-out].past, .reveal.linear .slides > section > section:not([data-transition]).past {
|
|
|
+ -webkit-transform: translate(0, -150%);
|
|
|
+ -ms-transform: translate(0, -150%);
|
|
|
+ transform: translate(0, -150%); }
|
|
|
+
|
|
|
+.reveal .slides > section > section[data-transition=linear].future, .reveal .slides > section > section[data-transition~=linear-in].future, .reveal.linear .slides > section > section:not([data-transition]).future {
|
|
|
-webkit-transform: translate(0, 150%);
|
|
|
-ms-transform: translate(0, 150%);
|
|
|
transform: translate(0, 150%); }
|
|
@@ -366,38 +393,54 @@ body {
|
|
|
* CONVEX TRANSITION
|
|
|
* Aliased 'default' for backwards compatibility
|
|
|
*********************************************/
|
|
|
-.reveal .slides > section[data-transition=default].past, .reveal.default .slides > section:not([data-transition]).past, .reveal .slides > section[data-transition=convex].past, .reveal.convex .slides > section:not([data-transition]).past {
|
|
|
+.reveal .slides > section[data-transition=default].past, .reveal .slides > section[data-transition~=default-out].past, .reveal.default .slides > section:not([data-transition]).past {
|
|
|
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
|
|
|
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
|
|
|
+
|
|
|
+.reveal .slides > section[data-transition=default].future, .reveal .slides > section[data-transition~=default-in].future, .reveal.default .slides > section:not([data-transition]).future {
|
|
|
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
|
|
|
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
|
|
|
+
|
|
|
+.reveal .slides > section > section[data-transition=default].past, .reveal .slides > section > section[data-transition~=default-out].past, .reveal.default .slides > section > section:not([data-transition]).past {
|
|
|
+ -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
|
|
|
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
|
|
|
+
|
|
|
+.reveal .slides > section > section[data-transition=default].future, .reveal .slides > section > section[data-transition~=default-in].future, .reveal.default .slides > section > section:not([data-transition]).future {
|
|
|
+ -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
|
|
|
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
|
|
|
+
|
|
|
+.reveal .slides > section[data-transition=convex].past, .reveal .slides > section[data-transition~=convex-out].past, .reveal.convex .slides > section:not([data-transition]).past {
|
|
|
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
|
|
|
transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
|
|
|
|
|
|
-.reveal .slides > section[data-transition=default].future, .reveal.default .slides > section:not([data-transition]).future, .reveal .slides > section[data-transition=convex].future, .reveal.convex .slides > section:not([data-transition]).future {
|
|
|
+.reveal .slides > section[data-transition=convex].future, .reveal .slides > section[data-transition~=convex-in].future, .reveal.convex .slides > section:not([data-transition]).future {
|
|
|
-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
|
|
|
transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
|
|
|
|
|
|
-.reveal .slides > section > section[data-transition=default].past, .reveal.default .slides > section > section:not([data-transition]).past, .reveal .slides > section > section[data-transition=convex].past, .reveal.convex .slides > section > section:not([data-transition]).past {
|
|
|
+.reveal .slides > section > section[data-transition=convex].past, .reveal .slides > section > section[data-transition~=convex-out].past, .reveal.convex .slides > section > section:not([data-transition]).past {
|
|
|
-webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
|
|
|
transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
|
|
|
|
|
|
-.reveal .slides > section > section[data-transition=default].future, .reveal.default .slides > section > section:not([data-transition]).future, .reveal .slides > section > section[data-transition=convex].future, .reveal.convex .slides > section > section:not([data-transition]).future {
|
|
|
+.reveal .slides > section > section[data-transition=convex].future, .reveal .slides > section > section[data-transition~=convex-in].future, .reveal.convex .slides > section > section:not([data-transition]).future {
|
|
|
-webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
|
|
|
transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
|
|
|
|
|
|
/*********************************************
|
|
|
* CONCAVE TRANSITION
|
|
|
*********************************************/
|
|
|
-.reveal .slides > section[data-transition=concave].past, .reveal.concave .slides > section:not([data-transition]).past {
|
|
|
+.reveal .slides > section[data-transition=concave].past, .reveal .slides > section[data-transition~=concave-out].past, .reveal.concave .slides > section:not([data-transition]).past {
|
|
|
-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
|
|
|
transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
|
|
|
|
|
|
-.reveal .slides > section[data-transition=concave].future, .reveal.concave .slides > section:not([data-transition]).future {
|
|
|
+.reveal .slides > section[data-transition=concave].future, .reveal .slides > section[data-transition~=concave-in].future, .reveal.concave .slides > section:not([data-transition]).future {
|
|
|
-webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
|
|
|
transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
|
|
|
|
|
|
-.reveal .slides > section > section[data-transition=concave].past, .reveal.concave .slides > section > section:not([data-transition]).past {
|
|
|
+.reveal .slides > section > section[data-transition=concave].past, .reveal .slides > section > section[data-transition~=concave-out].past, .reveal.concave .slides > section > section:not([data-transition]).past {
|
|
|
-webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
|
|
|
transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
|
|
|
|
|
|
-.reveal .slides > section > section[data-transition=concave].future, .reveal.concave .slides > section > section:not([data-transition]).future {
|
|
|
+.reveal .slides > section > section[data-transition=concave].future, .reveal .slides > section > section[data-transition~=concave-in].future, .reveal.concave .slides > section > section:not([data-transition]).future {
|
|
|
-webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
|
|
|
transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
|
|
|
|
|
@@ -408,24 +451,24 @@ body {
|
|
|
-webkit-transition-timing-function: ease;
|
|
|
transition-timing-function: ease; }
|
|
|
|
|
|
-.reveal .slides > section[data-transition=zoom].past, .reveal.zoom .slides > section:not([data-transition]).past {
|
|
|
+.reveal .slides > section[data-transition=zoom].past, .reveal .slides > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section:not([data-transition]).past {
|
|
|
visibility: hidden;
|
|
|
-webkit-transform: scale(16);
|
|
|
-ms-transform: scale(16);
|
|
|
transform: scale(16); }
|
|
|
|
|
|
-.reveal .slides > section[data-transition=zoom].future, .reveal.zoom .slides > section:not([data-transition]).future {
|
|
|
+.reveal .slides > section[data-transition=zoom].future, .reveal .slides > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section:not([data-transition]).future {
|
|
|
visibility: hidden;
|
|
|
-webkit-transform: scale(0.2);
|
|
|
-ms-transform: scale(0.2);
|
|
|
transform: scale(0.2); }
|
|
|
|
|
|
-.reveal .slides > section > section[data-transition=zoom].past, .reveal.zoom .slides > section > section:not([data-transition]).past {
|
|
|
+.reveal .slides > section > section[data-transition=zoom].past, .reveal .slides > section > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section > section:not([data-transition]).past {
|
|
|
-webkit-transform: translate(0, -150%);
|
|
|
-ms-transform: translate(0, -150%);
|
|
|
transform: translate(0, -150%); }
|
|
|
|
|
|
-.reveal .slides > section > section[data-transition=zoom].future, .reveal.zoom .slides > section > section:not([data-transition]).future {
|
|
|
+.reveal .slides > section > section[data-transition=zoom].future, .reveal .slides > section > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section > section:not([data-transition]).future {
|
|
|
-webkit-transform: translate(0, 150%);
|
|
|
-ms-transform: translate(0, 150%);
|
|
|
transform: translate(0, 150%); }
|
|
@@ -601,7 +644,7 @@ body {
|
|
|
/*********************************************
|
|
|
* NO TRANSITION
|
|
|
*********************************************/
|
|
|
-.reveal .slides section[data-transition=none], .reveal.none .slides section:not([data-transition]) {
|
|
|
+.reveal .slides > section[data-transition=none], .reveal.none .slides > section:not([data-transition]) {
|
|
|
-webkit-transform: none;
|
|
|
-ms-transform: none;
|
|
|
transform: none;
|