design adjustments to calendar and upcoming events
This commit is contained in:
@ -35,7 +35,14 @@ body {
|
||||
}
|
||||
|
||||
.site-main {
|
||||
animation: fadeIn 1s ease-out forwards;
|
||||
padding: var(--spacing-sitepadding);
|
||||
min-height: 100vh;
|
||||
position: relative;
|
||||
animation: fadeUp .8s ease-out forwards;
|
||||
|
||||
&.index {
|
||||
animation: fadeIn .8s ease-out forwards;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
@ -48,6 +55,23 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: .5;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-underline-offset: .16em;
|
||||
@ -105,11 +129,13 @@ h6 {
|
||||
|
||||
button,
|
||||
.button {
|
||||
display: inline-block;
|
||||
border-radius: 10rem;
|
||||
background: var(--color-cta-background);
|
||||
color: var(--color-cta-text);
|
||||
border: none;
|
||||
padding: .5rem 1rem;
|
||||
margin: 0 0 .5rem;
|
||||
font-family: inherit;
|
||||
font-size: var(--font-size-body);
|
||||
font-weight: 500;
|
||||
@ -145,12 +171,6 @@ input[type="text"] {
|
||||
transition: opacity var(--transition-easing);
|
||||
}
|
||||
|
||||
.site-main {
|
||||
padding: var(--spacing-sitepadding);
|
||||
min-height: 100vh;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.hiddenLink {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
Reference in New Issue
Block a user