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

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

View file

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

View file

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