add variables for most spacing and size values
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-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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user