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

fix(SW-741): UI fixes on contentpages and some components

Browse Source
This commit is contained in:
Erik Tiekstra
2024-11-06 16:20:13 +01:00
parent a8558eb499
commit edad4047ac
12 changed files with 86 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
components/Blocks/UspGrid/uspgrid.module.css
View File

@@ -2,26 +2,18 @@
display: grid;
gap: var(--Spacing-x3);
}
.usp {
display: grid;
gap: var(--Spacing-x3);
align-content: start;
}
@media screen and (min-width: 767px) {
.grid {
grid-template-columns: repeat(3, 1fr);
}
.grid:has(.usp:nth-child(4)) {
grid-template-columns: repeat(2, 1fr);
}
}
.usp {
display: flex;
flex-direction: column;
gap: var(--Spacing-x3);
}
.p {
margin: 0;
font-size: var(--typography-Caption-Regular-fontSize);
color: var(--UI-Text-Medium-contrast);
line-height: 21px; /* Caption variable for line-height is 139.9999976158142%, but it set to 21px in design */
}
.a {
font-size: var(--typography-Caption-Regular-fontSize);
color: var(--Base-Text-High-contrast);
.grid:has(.usp:nth-child(3)):not(:has(.usp:nth-child(4))) {
grid-template-columns: repeat(3, 1fr);
}
}