aboutsummaryrefslogtreecommitdiff
path: root/css/reveal.scss
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2015-05-03 19:53:37 -0400
committerHakim El Hattab <hakim.elhattab@gmail.com>2015-05-03 19:53:37 -0400
commit80e52c08e9e57dfa782bdb83123ad85a694467c0 (patch)
tree7a3979327270a60f569760cf47b44667679b753a /css/reveal.scss
parent0f7b0dc22cb0178d97cc8360a4e33de8336474b1 (diff)
downloadfreenode-live-2017-presentation-80e52c08e9e57dfa782bdb83123ad85a694467c0.tar
freenode-live-2017-presentation-80e52c08e9e57dfa782bdb83123ad85a694467c0.tar.gz
add test presentation for per-slide transitions, compile css #1106
Diffstat (limited to 'css/reveal.scss')
-rw-r--r--css/reveal.scss62
1 files changed, 31 insertions, 31 deletions
diff --git a/css/reveal.scss b/css/reveal.scss
index 02ba1b4..3321c98 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -432,39 +432,39 @@ body {
*********************************************/
@mixin transition-global($style) {
- .reveal .slides>section[data-transition=#{$style}],
- .reveal.#{$style} .slides>section:not([data-transition]) {
- @content;
- }
+ .reveal .slides>section[data-transition=#{$style}],
+ .reveal.#{$style} .slides>section:not([data-transition]) {
+ @content;
+ }
}
@mixin transition-horizontal-past($style) {
- .reveal .slides>section[data-transition=#{$style}].past,
- .reveal .slides>section[data-transition~=#{$style}-out].past,
- .reveal.#{$style} .slides>section:not([data-transition]).past {
- @content;
- }
+ .reveal .slides>section[data-transition=#{$style}].past,
+ .reveal .slides>section[data-transition~=#{$style}-out].past,
+ .reveal.#{$style} .slides>section:not([data-transition]).past {
+ @content;
+ }
}
@mixin transition-horizontal-future($style) {
- .reveal .slides>section[data-transition=#{$style}].future,
- .reveal .slides>section[data-transition~=#{$style}-in].future,
- .reveal.#{$style} .slides>section:not([data-transition]).future {
- @content;
- }
+ .reveal .slides>section[data-transition=#{$style}].future,
+ .reveal .slides>section[data-transition~=#{$style}-in].future,
+ .reveal.#{$style} .slides>section:not([data-transition]).future {
+ @content;
+ }
}
@mixin transition-vertical-past($style) {
- .reveal .slides>section>section[data-transition=#{$style}].past,
- .reveal .slides>section>section[data-transition~=#{$style}-out].past,
- .reveal.#{$style} .slides>section>section:not([data-transition]).past {
- @content;
- }
+ .reveal .slides>section>section[data-transition=#{$style}].past,
+ .reveal .slides>section>section[data-transition~=#{$style}-out].past,
+ .reveal.#{$style} .slides>section>section:not([data-transition]).past {
+ @content;
+ }
}
@mixin transition-vertical-future($style) {
- .reveal .slides>section>section[data-transition=#{$style}].future,
- .reveal .slides>section>section[data-transition~=#{$style}-in].future,
- .reveal.#{$style} .slides>section>section:not([data-transition]).future {
- @content;
- }
+ .reveal .slides>section>section[data-transition=#{$style}].future,
+ .reveal .slides>section>section[data-transition~=#{$style}-in].future,
+ .reveal.#{$style} .slides>section>section:not([data-transition]).future {
+ @content;
+ }
}
/*********************************************
@@ -533,21 +533,21 @@ body {
*********************************************/
@include transition-global(zoom) {
- transition-timing-function: ease;
+ transition-timing-function: ease;
}
@include transition-horizontal-past(zoom) {
- visibility: hidden;
- transform: scale(16);
+ visibility: hidden;
+ transform: scale(16);
}
@include transition-horizontal-future(zoom) {
- visibility: hidden;
- transform: scale(0.2);
+ visibility: hidden;
+ transform: scale(0.2);
}
@include transition-vertical-past(zoom) {
- transform: translate(0, -150%);
+ transform: translate(0, -150%);
}
@include transition-vertical-future(zoom) {
- transform: translate(0, 150%);
+ transform: translate(0, 150%);
}