mirror/reveal.js
1
0
Fork 0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-08-23 06:43:01 +02:00
Code Issues Releases Wiki Activity

use nesting for fragment styles

Browse Source
This commit is contained in:
Hakim El Hattab
2014-10-16 12:19:20 +02:00
parent a3a2ad039e
commit a61a372b52
2 changed files with 62 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
css/reveal.scss
View File

@@ -78,69 +78,84 @@ body {
opacity: 0;
visibility: hidden;
transition: all .2s ease;
}
.reveal .slides section .fragment.visible {
&.visible {
opacity: 1;
visibility: visible;
}
}
.reveal .slides section .fragment.grow {
opacity: 1;
visibility: visible;
}
.reveal .slides section .fragment.grow.visible {
&.visible {
transform: scale( 1.3 );
}
}
.reveal .slides section .fragment.shrink {
opacity: 1;
visibility: visible;
}
.reveal .slides section .fragment.shrink.visible {
&.visible {
transform: scale( 0.7 );
}
}
.reveal .slides section .fragment.zoom-in {
transform: scale( 0.1 );
}
.reveal .slides section .fragment.zoom-in.visible {
&.visible {
transform: scale( 1 );
}
}
.reveal .slides section .fragment.roll-in {
transform: rotateX( 90deg );
}
.reveal .slides section .fragment.roll-in.visible {
&.visible {
transform: rotateX( 0 );
}
}
.reveal .slides section .fragment.fade-out {
opacity: 1;
visibility: visible;
}
.reveal .slides section .fragment.fade-out.visible {
&.visible {
opacity: 0;
visibility: hidden;
}
}
.reveal .slides section .fragment.semi-fade-out {
opacity: 1;
visibility: visible;
}
.reveal .slides section .fragment.semi-fade-out.visible {
&.visible {
opacity: 0.5;
visibility: visible;
}
}
.reveal .slides section .fragment.strike {
opacity: 1;
&.visible {
text-decoration: line-through;
}
}
.reveal .slides section .fragment.current-visible {
opacity: 0;
visibility: hidden;
}
.reveal .slides section .fragment.current-visible.current-fragment {
&.current-fragment {
opacity: 1;
visibility: visible;
}
}
.reveal .slides section .fragment.highlight-red,
.reveal .slides section .fragment.highlight-current-red,
@@ -171,13 +186,6 @@ body {
color: #1b91ff;
}
.reveal .slides section .fragment.strike {
opacity: 1;
}
.reveal .slides section .fragment.strike.visible {
text-decoration: line-through;
}
/*********************************************
* DEFAULT ELEMENT STYLES