From be87adcdf8227fce0152e575c240d774408c38a3 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab <hakim.elhattab@gmail.com> Date: Wed, 13 Jun 2018 14:12:25 +0200 Subject: [PATCH] rename new fragment style --- README.md | 2 +- css/reveal.css | 6 +++--- css/reveal.scss | 2 +- demo.html | 2 +- 4 files changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 7a570d5e..8db54c8b 100644 --- a/README.md +++ b/README.md @@ -768,7 +768,7 @@ The default fragment style is to start out invisible and fade in. This style can <p class="fragment fade-out">fade-out</p> <p class="fragment fade-up">fade-up (also down, left and right!)</p> <p class="fragment fade-in-then-out">fades in, then out when we move to the next step</p> - <p class="fragment fade-in-then-half-out">fades in, then 50% out when we move to the next step</p> + <p class="fragment fade-in-then-semi-out">fades in, then obfuscate when we move to the next step</p> <p class="fragment highlight-current-blue">blue only once</p> <p class="fragment highlight-red">highlight-red</p> <p class="fragment highlight-green">highlight-green</p> diff --git a/css/reveal.css b/css/reveal.css index 04b704d1..d937704a 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -136,13 +136,13 @@ body { opacity: 1; visibility: inherit; } -.reveal .slides section .fragment.fade-in-then-half-out { +.reveal .slides section .fragment.fade-in-then-semi-out { opacity: 0; visibility: hidden; } - .reveal .slides section .fragment.fade-in-then-half-out.visible { + .reveal .slides section .fragment.fade-in-then-semi-out.visible { opacity: 0.5; visibility: inherit; } - .reveal .slides section .fragment.fade-in-then-half-out.current-fragment { + .reveal .slides section .fragment.fade-in-then-semi-out.current-fragment { opacity: 1; visibility: inherit; } diff --git a/css/reveal.scss b/css/reveal.scss index 7e2701b6..80798d33 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -171,7 +171,7 @@ body { } } -.reveal .slides section .fragment.fade-in-then-half-out { +.reveal .slides section .fragment.fade-in-then-semi-out { opacity: 0; visibility: hidden; diff --git a/demo.html b/demo.html index df87fb27..8aa4aba9 100644 --- a/demo.html +++ b/demo.html @@ -146,7 +146,7 @@ <span style="display: inline-block;" class="fragment fade-left">left</span> </p> <p class="fragment fade-in-then-out">fade-in-then-out</p> - <p class="fragment fade-in-then-half-out">fade-in-then-half-out</p> + <p class="fragment fade-in-then-semi-out">fade-in-then-semi-out</p> <p>Highlight <span class="fragment highlight-red">red</span> <span class="fragment highlight-blue">blue</span> <span class="fragment highlight-green">green</span></p> </section> </section> -- GitLab