make opening hours separate boxes, adjust spacing
This commit is contained in:
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user