gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add stacked mobile text layout pattern

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-24 12:01:28 +02:00
parent 57874f9c37
commit 4f8e60e0ea
2 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/31-patterns-text-layouts.css
+11
View File
@@ -40,6 +40,11 @@
column-gap: var(--layout-text-layout-column-gap);
}
.sg-text-layout-pattern__two-column--stacked-mobile {
width: 100%;
min-width: 0;
}
.sg-text-layout-pattern__three-column-distributed {
width: 100%;
min-width: 0;
@@ -73,7 +78,13 @@
.sg-text-layout-pattern__sample--sixty-width,
.sg-text-layout-pattern__sample--two-column,
.sg-text-layout-pattern__two-column,
.sg-text-layout-pattern__two-column--stacked-mobile,
.sg-text-layout-pattern__three-column-distributed {
width: 100%;
}
.sg-text-layout-pattern__two-column--stacked-mobile {
grid-template-columns: 1fr;
row-gap: var(--layout-text-layout-column-gap);
}
}