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

Merged in feat/card-grid-ui (pull request #332)

Browse Source 
Feat/card grid ui

Approved-by: Simon.Emanuelsson
This commit is contained in:
Matilda Landström
2024-07-09 11:16:44 +00:00
parent ada65b8612
commit bb422f804d
10 changed files with 43 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
components/TempDesignSystem/Grids/Stackable/stackable.module.css
View File

@@ -1,7 +1,6 @@
.container {
display: grid;
gap: var(--Spacing-x2);
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
/* Hide Scrollbar Chrome, Safari and Opera */
@@ -10,33 +9,11 @@
}
@media (min-width: 768px) {
.container {
grid-template-columns: repeat(2, minmax(370px, 1fr));
}
}
@media (min-width: 1367px) {
.container:has(> :nth-child(2)) {
grid-template-columns: 1fr 1fr;
}
.container:has(> :nth-child(3)) {
grid-template-columns: 1fr 1fr 1fr;
}
.container:has(> :nth-child(4), > :nth-child(5)) {
grid-template-columns: 1fr 1fr;
}
.container:has(> :nth-child(6)) {
grid-template-columns: 1fr 1fr 1fr;
}
.container:has(> :nth-child(7), > :nth-child(8)) {
grid-template-columns: 1fr 1fr;
}
.container:has(> :nth-child(9)) {
grid-template-columns: 1fr 1fr 1fr;
.threeColumns {
grid-template-columns: repeat(3, 1fr);
}
.twoColumns {
grid-template-columns: repeat(2, 1fr);
}
}