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

@ -1,9 +1,9 @@
.eventWrapper {
margin: calc(var(--spacing-sitepadding)*-1) calc(var(--spacing-sitepadding)*-1);
//margin: calc(var(--spacing-sitepadding)*-1) calc(var(--spacing-sitepadding)*-1);
}
.eventList {
padding: var(--spacing-sitepadding);
padding: var(--spacing-sitepadding) 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: var(--spacing-gap-column);
@ -15,7 +15,7 @@
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--spacing-gap-column);
padding: 0 var(--spacing-sitepadding);
//padding: 0 var(--spacing-sitepadding);
button {
border-radius: 0;
@ -29,11 +29,14 @@
}
.calendarYearMonth {
margin-top: var(--spacing-sitepadding);
h2 {
font-size: var(--font-size-h1);
padding: 1rem var(--spacing-sitepadding);
background: var(--color-deepBrick);
color: var(--color-neufPink);
font-size: var(--font-size-lead);
//padding: 1rem var(--spacing-sitepadding);
padding: calc(var(--spacing-gap-column)/2);
background: var(--color-chateauBlue);
color: var(--color-betongGray);
position: sticky;
&:first-letter {
@ -66,13 +69,13 @@
background: var(--color-background);
}
&:first-child {
/*&:first-child {
padding-left: var(--spacing-sitepadding);
}
&:last-child {
padding-right: var(--spacing-sitepadding);
}
}*/
h3 {
font-family: var(--font-serif);