scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add heading and subtitle to overview table

Browse Source
This commit is contained in:
Christel Westerberg
2024-06-24 12:03:05 +02:00
parent 385d5ade28
commit fe6e4e27e1
10 changed files with 60 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css
View File

@@ -1,29 +1,8 @@
.container {
margin-top: calc(var(--Spacing-x2) * -1);
margin-left: calc(var(--Spacing-x2) * -1);
margin-right: calc(var(--Spacing-x2) * -1);
margin-bottom: calc(
(var(--Spacing-x2) + 7.7rem) * -1
); /* Based on the MaxWidth's 1.6rem + the LoyaltyPage's 7.7rem bottom margins */
position: relative;
width: 100dvw;
padding: var(--Spacing-x2);
display: grid;
gap: var(--Spacing-x6);
}
.intro {
display: grid;
gap: var(--Spacing-x3);
}
.preamble {
color: var(--Base-Text-Primary-High-contrast);
font-size: var(--typography-Body-Regular-fontSize);
line-height: var(--typography-Body-Regular-lineHeight);
margin: 0;
}
.largeTableContainer {
display: none;
}
@@ -80,12 +59,6 @@
}
@media screen and (min-width: 950px) {
.container {
margin-top: calc((var(--Spacing-x2) + 5.8rem) * -1);
margin-left: calc(var(--Spacing-x3) * -1);
margin-right: calc(var(--Spacing-x3) * -1);
margin-bottom: calc((17.5rem + var(--Spacing-x2)) * -1);
}
.mobileColumns {
display: none;
}
@@ -111,12 +84,10 @@
.intro {
margin: auto;
max-width: 1512px;
}
.largeTableContainer {
display: block;
margin: auto;
max-width: 1512px;
}
}