fragments inherit visibility to avoid conflicts with parent slide visibility

edit
Hakim El Hattab 2016-12-15 14:06:17 +01:00
parent f2bd9d2970
commit 97bb6e9b58
2 changed files with 18 additions and 18 deletions

View File

@ -57,18 +57,18 @@ body {
transition: all .2s ease; } transition: all .2s ease; }
.reveal .slides section .fragment.visible { .reveal .slides section .fragment.visible {
opacity: 1; opacity: 1;
visibility: visible; } visibility: inherit; }
.reveal .slides section .fragment.grow { .reveal .slides section .fragment.grow {
opacity: 1; opacity: 1;
visibility: visible; } visibility: inherit; }
.reveal .slides section .fragment.grow.visible { .reveal .slides section .fragment.grow.visible {
-webkit-transform: scale(1.3); -webkit-transform: scale(1.3);
transform: scale(1.3); } transform: scale(1.3); }
.reveal .slides section .fragment.shrink { .reveal .slides section .fragment.shrink {
opacity: 1; opacity: 1;
visibility: visible; } visibility: inherit; }
.reveal .slides section .fragment.shrink.visible { .reveal .slides section .fragment.shrink.visible {
-webkit-transform: scale(0.7); -webkit-transform: scale(0.7);
transform: scale(0.7); } transform: scale(0.7); }
@ -82,21 +82,21 @@ body {
.reveal .slides section .fragment.fade-out { .reveal .slides section .fragment.fade-out {
opacity: 1; opacity: 1;
visibility: visible; } visibility: inherit; }
.reveal .slides section .fragment.fade-out.visible { .reveal .slides section .fragment.fade-out.visible {
opacity: 0; opacity: 0;
visibility: hidden; } visibility: hidden; }
.reveal .slides section .fragment.semi-fade-out { .reveal .slides section .fragment.semi-fade-out {
opacity: 1; opacity: 1;
visibility: visible; } visibility: inherit; }
.reveal .slides section .fragment.semi-fade-out.visible { .reveal .slides section .fragment.semi-fade-out.visible {
opacity: 0.5; opacity: 0.5;
visibility: visible; } visibility: inherit; }
.reveal .slides section .fragment.strike { .reveal .slides section .fragment.strike {
opacity: 1; opacity: 1;
visibility: visible; } visibility: inherit; }
.reveal .slides section .fragment.strike.visible { .reveal .slides section .fragment.strike.visible {
text-decoration: line-through; } text-decoration: line-through; }
@ -133,7 +133,7 @@ body {
visibility: hidden; } visibility: hidden; }
.reveal .slides section .fragment.current-visible.current-fragment { .reveal .slides section .fragment.current-visible.current-fragment {
opacity: 1; opacity: 1;
visibility: visible; } visibility: inherit; }
.reveal .slides section .fragment.highlight-red, .reveal .slides section .fragment.highlight-red,
.reveal .slides section .fragment.highlight-current-red, .reveal .slides section .fragment.highlight-current-red,
@ -142,7 +142,7 @@ body {
.reveal .slides section .fragment.highlight-blue, .reveal .slides section .fragment.highlight-blue,
.reveal .slides section .fragment.highlight-current-blue { .reveal .slides section .fragment.highlight-current-blue {
opacity: 1; opacity: 1;
visibility: visible; } visibility: inherit; }
.reveal .slides section .fragment.highlight-red.visible { .reveal .slides section .fragment.highlight-red.visible {
color: #ff2c2d; } color: #ff2c2d; }

View File

@ -69,13 +69,13 @@ body {
&.visible { &.visible {
opacity: 1; opacity: 1;
visibility: visible; visibility: inherit;
} }
} }
.reveal .slides section .fragment.grow { .reveal .slides section .fragment.grow {
opacity: 1; opacity: 1;
visibility: visible; visibility: inherit;
&.visible { &.visible {
transform: scale( 1.3 ); transform: scale( 1.3 );
@ -84,7 +84,7 @@ body {
.reveal .slides section .fragment.shrink { .reveal .slides section .fragment.shrink {
opacity: 1; opacity: 1;
visibility: visible; visibility: inherit;
&.visible { &.visible {
transform: scale( 0.7 ); transform: scale( 0.7 );
@ -101,7 +101,7 @@ body {
.reveal .slides section .fragment.fade-out { .reveal .slides section .fragment.fade-out {
opacity: 1; opacity: 1;
visibility: visible; visibility: inherit;
&.visible { &.visible {
opacity: 0; opacity: 0;
@ -111,17 +111,17 @@ body {
.reveal .slides section .fragment.semi-fade-out { .reveal .slides section .fragment.semi-fade-out {
opacity: 1; opacity: 1;
visibility: visible; visibility: inherit;
&.visible { &.visible {
opacity: 0.5; opacity: 0.5;
visibility: visible; visibility: inherit;
} }
} }
.reveal .slides section .fragment.strike { .reveal .slides section .fragment.strike {
opacity: 1; opacity: 1;
visibility: visible; visibility: inherit;
&.visible { &.visible {
text-decoration: line-through; text-decoration: line-through;
@ -166,7 +166,7 @@ body {
&.current-fragment { &.current-fragment {
opacity: 1; opacity: 1;
visibility: visible; visibility: inherit;
} }
} }
@ -177,7 +177,7 @@ body {
.reveal .slides section .fragment.highlight-blue, .reveal .slides section .fragment.highlight-blue,
.reveal .slides section .fragment.highlight-current-blue { .reveal .slides section .fragment.highlight-current-blue {
opacity: 1; opacity: 1;
visibility: visible; visibility: inherit;
} }
.reveal .slides section .fragment.highlight-red.visible { .reveal .slides section .fragment.highlight-red.visible {
color: #ff2c2d color: #ff2c2d