diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2019-02-01 11:09:03 +0100 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2019-02-01 11:09:03 +0100 |
| commit | 2d57981261056d47ef1c24fa82c6ad10c03e37ca (patch) | |
| tree | b429cc707c31040fa7861875f6dff0b85a9753c1 /css | |
| parent | 7867b77833b8502fa59267e9b5cc42994fb91776 (diff) | |
| download | perl-software-in-gnu-guix-2d57981261056d47ef1c24fa82c6ad10c03e37ca.tar perl-software-in-gnu-guix-2d57981261056d47ef1c24fa82c6ad10c03e37ca.tar.gz | |
zoom transition now uses zooming for vertical transitions, too
Diffstat (limited to 'css')
| -rw-r--r-- | css/reveal.css | 11 | ||||
| -rw-r--r-- | css/reveal.scss | 5 |
2 files changed, 9 insertions, 7 deletions
diff --git a/css/reveal.css b/css/reveal.css index 63ba646..51820c7 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -524,7 +524,8 @@ body { .reveal .slides > section.stack { padding-top: 0; padding-bottom: 0; - pointer-events: none; } + pointer-events: none; + height: 100%; } .reveal .slides > section.present, .reveal .slides > section > section.present { @@ -741,14 +742,14 @@ body { .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%); - transform: translate(0, -150%); } + -webkit-transform: scale(16); + transform: scale(16); } .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%); - transform: translate(0, 150%); } + -webkit-transform: scale(0.2); + transform: scale(0.2); } /********************************************* * CUBE TRANSITION diff --git a/css/reveal.scss b/css/reveal.scss index ad6d1f5..8c14529 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -627,6 +627,7 @@ $controlsArrowAngleActive: 36deg; padding-top: 0; padding-bottom: 0; pointer-events: none; + height: 100%; } .reveal .slides>section.present, @@ -801,10 +802,10 @@ $controlsArrowAngleActive: 36deg; transform: scale(0.2); } @include transition-vertical-past(zoom) { - transform: translate(0, -150%); + transform: scale(16); } @include transition-vertical-future(zoom) { - transform: translate(0, 150%); + transform: scale(0.2); } |