please (#1322)
This commit is contained in:
@@ -295,9 +295,11 @@
|
|||||||
100% { top: 100%; }
|
100% { top: 100%; }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Full hint (text + animated line) only on tall desktop, where there's
|
/* Full hint (text + animated line) on roomier desktop viewports, where
|
||||||
a roomy void below the comet for it to sit in. */
|
there's a void below the comet for it to sit in. Threshold is loose
|
||||||
@media (min-width: 1024px) and (min-height: 1081px) {
|
(900px) because display scaling shrinks a 1440p monitor's CSS
|
||||||
|
viewport well below its physical height. */
|
||||||
|
@media (min-width: 1024px) and (min-height: 900px) {
|
||||||
#scroll-hint { display: flex; }
|
#scroll-hint { display: flex; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -316,7 +318,7 @@
|
|||||||
transition: opacity 0.5s ease;
|
transition: opacity 0.5s ease;
|
||||||
animation: arrowBounce 1.6s ease-in-out infinite;
|
animation: arrowBounce 1.6s ease-in-out infinite;
|
||||||
}
|
}
|
||||||
@media (min-width: 1024px) and (min-height: 1081px) {
|
@media (min-width: 1024px) and (min-height: 900px) {
|
||||||
#scroll-arrow { display: none; }
|
#scroll-arrow { display: none; }
|
||||||
}
|
}
|
||||||
@keyframes arrowBounce {
|
@keyframes arrowBounce {
|
||||||
|
|||||||
Reference in New Issue
Block a user