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

30
components/Loyalty/Blocks/DynamicContent/dynamicContent.module.css
View File

@@ -1,36 +1,36 @@
.container {
display: grid;
gap: 2.4rem;
gap: var(--Spacing-x4);
/* These negative margins are needed for horizontally scrollable lists of cards */
margin-right: -1.6rem;
padding-right: 1.6rem;
margin-right: calc(0px - var(--Spacing-x2));
overflow-x: hidden;
padding-right: var(--Spacing-x2);
}
.titleContainer {
.header {
display: grid;
grid-template-areas: "title link" "subtitle subtitle";
grid-template-columns: 1fr max-content;
padding-bottom: 0.8rem;
gap: var(--Spacing-x1);
grid-template-columns: 1fr auto;
}
.title {
grid-area: title;
grid-column: 1/2;
grid-row: 1/2;
}
.link {
grid-area: link;
font-size: var(--typography-Body-Underlined-fontSize);
color: var(--some-black-color, #000);
grid-column: 2/-1;
grid-row: 1/2;
}
.subtitle {
margin: 0;
grid-area: subtitle;
grid-column: 1/-1;
grid-row: 2;
}
@media screen and (min-width: 950px) {
.container {
margin-right: 0;
margin-left: 0;
margin-right: var(--Spacing-x0);
margin-left: var(--Spacing-x0);
}
}