mirror/reveal.js
1
0
Fork 0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-08-26 07:55:09 +02:00
Code Issues Releases Wiki Activity

update reveal.js

Browse Source
This commit is contained in:
Hakim El Hattab
2020-01-31 11:07:04 +01:00
parent 9b03d0c9c9
commit 96eee575a1
7 changed files with 181 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
css/reveal.css
View File

@@ -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); }

4
css/reveal.min.css vendored
View File

File diff suppressed because one or more lines are too long

10
css/reveal.scss
View File

@@ -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);

2
css/theme/README.md
View File

@@ -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: