make opening hours separate boxes, adjust spacing

This commit is contained in:
elise
2024-08-06 14:45:02 +02:00
parent 929d5c070f
commit e5fddf373d
2 changed files with 9 additions and 6 deletions

View File

@ -8,12 +8,15 @@
margin: var(--spacing-section-bottom) 0;
display: grid;
grid-template-columns: repeat(12, 1fr);
background: var(--color-background-secondary);
column-gap: var(--spacing-gap-column);
row-gap: var(--spacing-gap-row);
}
.openingHoursSubsection {
grid-column: span 4;
padding: calc(var(--spacing-gap-column)/1.5) var(--spacing-gap-column) var(--spacing-gap-column);
padding: calc(var(--spacing-m)/1.5) var(--spacing-m) var(--spacing-m);
background: var(--color-background-secondary);
font-size: var(--font-size-caption);
h3 {
@ -34,9 +37,9 @@
}
.openingHoursSubsection {
padding: var(--spacing-gap-column);
padding: var(--spacing-s);
h3 {
margin-bottom: 0;
margin-bottom: .5rem;
}
}
}