simon/presis
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

switch to pixels for kardaschow css (shows right on transition)

Browse source
This commit is contained in:
Simon Bruder 2018-06-05 18:38:31 +00:00
parent 274498d833
commit 0e39952359
No known key found for this signature in database
GPG key ID: 6F03E0000CC5B62F
2 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
revealjs/alternative_energy/kardaschow.css
View file

@ -6,14 +6,14 @@
} }
#kardaschow .current-fragment ~ .fragment, #kardaschow .current-fragment ~ .fragment,
#kardaschow .visible { #kardaschow .visible {
height: 8%; height: 60px;
} }
#kardaschow .current-fragment ~ .fragment h1, #kardaschow .current-fragment ~ .fragment h1,
#kardaschow .visible h1 { #kardaschow .visible h1 {
font-size: 1em; font-size: 1em;
} }
#kardaschow .current-fragment { #kardaschow .current-fragment {
height: 74% !important; height: 609px !important;
} }
#kardaschow .current-fragment h1 { #kardaschow .current-fragment h1 {
font-size: 2em; font-size: 2em;
@ -31,7 +31,7 @@
display: none !important; display: none !important;
} }
#kardaschow div:not(.visible) { #kardaschow div:not(.visible) {
height: 30%; height: 243px;
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
} }

12
revealjs/alternative_energy/kardaschow.less
View file

@ -8,7 +8,9 @@
// everything after the current visible and *every visible* // everything after the current visible and *every visible*
.current-fragment ~ .fragment, .current-fragment ~ .fragment,
.visible { .visible {
height: 8%; //height: 8%;
height: 60px;
h1 { h1 {
font-size: 1em; font-size: 1em;
} }
@ -16,7 +18,9 @@
// but not the current (important) // but not the current (important)
.current-fragment { .current-fragment {
height: 74% !important; //height: 74% !important;
height: 609px !important;
h1 { h1 {
font-size: 2em; font-size: 2em;
} }
@ -40,7 +44,9 @@
// per default: 28% high // per default: 28% high
&:not(.visible) { &:not(.visible) {
height: 30%; //height: 30%;
height: 243px; // also shows when translating
// explot fragments initial hidden state // explot fragments initial hidden state
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;