45 lines
821 B
SCSS
45 lines
821 B
SCSS
.openingHoursSection {
|
|
p {
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
.openingHoursList {
|
|
margin: var(--spacing-section-bottom) 0;
|
|
display: grid;
|
|
grid-template-columns: repeat(12, 1fr);
|
|
column-gap: var(--spacing-gap-column);
|
|
row-gap: var(--spacing-gap-row);
|
|
|
|
}
|
|
|
|
.openingHoursSubsection {
|
|
grid-column: span 4;
|
|
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 {
|
|
font-size: var(--font-size-lead);
|
|
margin: 0 0 1rem;
|
|
}
|
|
}
|
|
|
|
.dayRange {
|
|
&:first-letter {
|
|
text-transform: capitalize;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1200px) {
|
|
.openingHoursList {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
|
|
.openingHoursSubsection {
|
|
padding: var(--spacing-s);
|
|
h3 {
|
|
margin-bottom: .5rem;
|
|
}
|
|
}
|
|
} |