design adjustments to calendar and upcoming events

This commit is contained in:
elisejakob
2024-05-16 20:18:59 +02:00
parent ba28578a0c
commit 07ea27d87f
6 changed files with 61 additions and 47 deletions

View File

@ -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;