edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make opening hours separate boxes, adjust spacing

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/blocks/openingHoursSectionBlock.module.scss
View File

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

4
web/src/css/variables.scss
View File

@ -49,8 +49,8 @@
// spacing // spacing
--spacing-sitepadding-block: 2rem; --spacing-sitepadding-block: 2rem;
--spacing-sitepadding-inline: 2rem; --spacing-sitepadding-inline: 2rem;
--spacing-gap-column: var(--spacing-sitepadding-block); --spacing-gap-column: 1.6rem;
--spacing-gap-row: calc(var(--spacing-gap-column)* 0.75); --spacing-gap-row: calc(var(--spacing-gap-column)* 0.6);
--spacing-xs: .5rem; --spacing-xs: .5rem;
--spacing-s: 1rem; --spacing-s: 1rem;
--spacing-m: 2rem; --spacing-m: 2rem;