diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/reveal.css | 18 | ||||
| -rw-r--r-- | css/reveal.scss | 10 | ||||
| -rw-r--r-- | css/theme/README.md | 2 |
3 files changed, 15 insertions, 15 deletions
diff --git a/css/reveal.css b/css/reveal.css index fb47296..0ca77e7 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -3,7 +3,7 @@ * http://revealjs.com * MIT licensed * - * Copyright (C) 2019 Hakim El Hattab, http://hakim.se + * Copyright (C) 2020 Hakim El Hattab, http://hakim.se */ /********************************************* * GLOBAL STYLES @@ -77,29 +77,29 @@ body { text-decoration: line-through; } .reveal .slides section .fragment.fade-up { - -webkit-transform: translate(0, 20%); - transform: translate(0, 20%); } + -webkit-transform: translate(0, 40px); + transform: translate(0, 40px); } .reveal .slides section .fragment.fade-up.visible { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .reveal .slides section .fragment.fade-down { - -webkit-transform: translate(0, -20%); - transform: translate(0, -20%); } + -webkit-transform: translate(0, -40px); + transform: translate(0, -40px); } .reveal .slides section .fragment.fade-down.visible { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .reveal .slides section .fragment.fade-right { - -webkit-transform: translate(-20%, 0); - transform: translate(-20%, 0); } + -webkit-transform: translate(-40px, 0); + transform: translate(-40px, 0); } .reveal .slides section .fragment.fade-right.visible { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .reveal .slides section .fragment.fade-left { - -webkit-transform: translate(20%, 0); - transform: translate(20%, 0); } + -webkit-transform: translate(40px, 0); + transform: translate(40px, 0); } .reveal .slides section .fragment.fade-left.visible { -webkit-transform: translate(0, 0); transform: translate(0, 0); } diff --git a/css/reveal.scss b/css/reveal.scss index a7b148c..ab11f32 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -3,7 +3,7 @@ * http://revealjs.com * MIT licensed * - * Copyright (C) 2019 Hakim El Hattab, http://hakim.se + * Copyright (C) 2020 Hakim El Hattab, http://hakim.se */ @@ -102,7 +102,7 @@ body { } .reveal .slides section .fragment.fade-up { - transform: translate(0, 20%); + transform: translate(0, 40px); &.visible { transform: translate(0, 0); @@ -110,7 +110,7 @@ body { } .reveal .slides section .fragment.fade-down { - transform: translate(0, -20%); + transform: translate(0, -40px); &.visible { transform: translate(0, 0); @@ -118,7 +118,7 @@ body { } .reveal .slides section .fragment.fade-right { - transform: translate(-20%, 0); + transform: translate(-40px, 0); &.visible { transform: translate(0, 0); @@ -126,7 +126,7 @@ body { } .reveal .slides section .fragment.fade-left { - transform: translate(20%, 0); + transform: translate(40px, 0); &.visible { transform: translate(0, 0); diff --git a/css/theme/README.md b/css/theme/README.md index 8ae164b..5ebe72a 100644 --- a/css/theme/README.md +++ b/css/theme/README.md @@ -4,7 +4,7 @@ Themes are written using Sass to keep things modular and reduce the need for rep ## Creating a Theme -To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js)) when you run `npm run build -- css-themes`. +To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/gruntfile.js)) when you run `npm run build -- css-themes`. Each theme file does four things in the following order: |