design adjustments to calendar and upcoming events
This commit is contained in:
@ -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);
|
||||
|
Reference in New Issue
Block a user