fix: refactor breadcrumbs to take page type variants to better match margins

This commit is contained in:
Christel Westerberg
2025-01-03 11:39:24 +01:00
parent 053ef4a1c9
commit 5901cab440
46 changed files with 286 additions and 175 deletions

View File

@@ -1,20 +1,23 @@
.details {
background: var(--Base-Text-High-contrast);
color: var(--Primary-Dark-On-Surface-Text);
padding: var(--Spacing-x3) var(--Spacing-x2) var(--Spacing-x6);
padding: var(--Spacing-x3) 0 var(--Spacing-x6);
}
.topContainer {
display: flex;
justify-content: space-between;
padding-bottom: var(--Spacing-x2);
margin-bottom: var(--Spacing-x2);
max-width: var(--max-width-page);
margin: 0 auto var(--Spacing-x2);
}
.bottomContainer {
display: flex;
justify-content: space-between;
flex-direction: column-reverse;
max-width: var(--max-width-page);
margin: 0 auto;
}
.socialNav {
@@ -55,7 +58,7 @@
@media screen and (min-width: 767px) {
.details {
padding: var(--Spacing-x6) var(--Spacing-x5) var(--Spacing-x4);
padding: var(--Spacing-x6) 0 var(--Spacing-x4);
}
.bottomContainer {