add variables for most spacing and size values

This commit is contained in:
elisejakob
2024-06-21 12:21:01 +02:00
parent 8ba4fa8d04
commit 5762655653
29 changed files with 137 additions and 127 deletions

View File

@ -1,9 +1,9 @@
.eventWrapper {
//margin: calc(var(--spacing-sitepadding)*-1) calc(var(--spacing-sitepadding)*-1);
//margin: calc(var(--spacing-sitepadding-block)*-1) calc(var(--spacing-sitepadding-inline)*-1);
}
.eventList {
padding: var(--spacing-sitepadding) 0;
padding: var(--spacing-sitepadding-block) 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: var(--spacing-gap-column);
@ -13,7 +13,7 @@
.displayOptions {
display: flex;
gap: .5rem;
gap: var(--spacing-xs);
align-items: center;
position: relative;
z-index: 10;
@ -33,11 +33,10 @@
}
.calendarYearMonth {
margin-top: var(--spacing-sitepadding);
margin-top: var(--spacing-sitepadding-block);
h2 {
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);
@ -73,19 +72,11 @@
background: var(--color-background);
}
/*&:first-child {
padding-left: var(--spacing-sitepadding);
}
&:last-child {
padding-right: var(--spacing-sitepadding);
}*/
h3 {
font-family: var(--font-serif);
font-size: var(--font-size-body);
font-weight: 400;
margin-bottom: 1rem;
margin-bottom: var(--spacing-s);
&:first-letter {
@ -106,7 +97,7 @@
.calendarDay {
min-height: 0;
padding: calc(var(--spacing-gap-column)/2) var(--spacing-sitepadding);
padding: calc(var(--spacing-gap-column)/2) var(--spacing-sitepadding-inline);
&.empty {
display: none;
@ -121,7 +112,7 @@
&:first-child,
&:last-child {
padding: calc(var(--spacing-gap-column)/2) var(--spacing-sitepadding);
padding: calc(var(--spacing-gap-column)/2) var(--spacing-sitepadding-inline);
}
}
}