Format Document and remove redundant style
This commit is contained in:
+26
-19
@@ -28,30 +28,26 @@ body.home {
|
|||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
#hero {
|
#hero {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: calc(100% + 1rem);
|
bottom: calc(100% + 1rem);
|
||||||
font-size: 4rem;
|
font-size: 4rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
}
|
|
||||||
|
|
||||||
#hero h1 {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body:not(.home) #hero {
|
|
||||||
opacity: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#hero h1 {
|
#hero h1 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body:not(.home) #hero {
|
||||||
|
opacity: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* App */
|
/* App */
|
||||||
|
|
||||||
#app {
|
#app {
|
||||||
@@ -184,7 +180,8 @@ body:not(.homeCommitted) .birdSoundCredit {
|
|||||||
opacity: 0;
|
opacity: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
left: 20px; /* Offset */
|
left: 20px;
|
||||||
|
/* Offset */
|
||||||
animation: pop 0.8s ease-out var(--delay);
|
animation: pop 0.8s ease-out var(--delay);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
@@ -194,9 +191,19 @@ body:not(.homeCommitted) .birdSoundCredit {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@keyframes pop {
|
@keyframes pop {
|
||||||
0% {opacity: 0; transform: rotate(var(--angle)) translateY(var(--distance))}
|
0% {
|
||||||
50% {opacity: 1; }
|
opacity: 0;
|
||||||
100% {opacity: 0; transform: rotate(var(--angle)) translateY(calc(var(--distance) - 40px));}
|
transform: rotate(var(--angle)) translateY(var(--distance))
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: rotate(var(--angle)) translateY(calc(var(--distance) - 40px));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#birdButton {
|
#birdButton {
|
||||||
|
|||||||
Reference in New Issue
Block a user