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

feat(WEB-304): remaning UI from design system primitives

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-06-07 10:36:23 +02:00
parent 6737970f54
commit 7c4b8401e9
228 changed files with 3516 additions and 3237 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/ContentType/loyaltyPage.module.css
+18 -16
View File
@@ -1,37 +1,39 @@
.content {
display: grid;
padding-bottom: 7.7rem;
padding-left: 0;
padding-right: 0;
padding-bottom: var(--Spacing-x9);
padding-left: var(--Spacing-x0);
padding-right: var(--Spacing-x0);
position: relative;
}
.blocks {
display: grid;
gap: 4.2rem;
padding: 1.6rem;
gap: var(--Spacing-x5);
padding-left: var(--Spacing-x2);
padding-right: var(--Spacing-x2);
}
@media screen and (min-width: 1367px) {
.content {
gap: 2.7rem;
padding-bottom: 17.5rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
padding-top: 5.8rem;
gap: var(--Spacing-x3);
padding-left: var(--Spacing-x3);
padding-right: var(--Spacing-x3);
}
.content:has(> aside) {
grid-template-columns: 30rem 1fr;
grid-template-columns: 360px 1fr;
}
.content:has(> aside) .blocks {
grid-column: 2 / -1;
}
.blocks {
gap: 6.4rem;
padding-left: 0;
padding-right: 0;
padding-left: var(--Spacing-x0);
padding-right: var(--Spacing-x0);
}
.hasLeftSidebar .blocks {
grid-column: 2 / -1;
.blocks > section:first-of-type > header {
gap: var(--Spacing-x2);
}
}