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

Replace two-column text pattern with deterministic 50-50 grid and update VSF drawer

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-21 11:39:03 +02:00
parent fe2982a0d5
commit 71a2932028
3 changed files with 30 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styleguide.css
+19 -18
View File
@@ -2096,21 +2096,13 @@ section + section {
color: var(--text-vsf-drawer-object-card-body);
}
.sg-vsf-drawer-object-card__text.sg-text-layout-pattern__sample--two-column {
.sg-vsf-drawer-object-card .sg-text-layout-pattern__two-column,
.sg-vsf-drawer-object-card .sg-text-layout-pattern__column {
color: var(--text-vsf-drawer-object-card-body);
column-gap: var(--layout-vsf-drawer-object-card-column-gap);
}
.sg-vsf-drawer-object-card__text-columns {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
.sg-vsf-drawer-object-card .sg-text-layout-pattern__two-column {
gap: var(--layout-vsf-drawer-object-card-column-gap);
color: var(--text-vsf-drawer-object-card-body);
}
.sg-vsf-drawer-object-card__text-column {
margin: 0;
color: var(--text-vsf-drawer-object-card-body);
}
.sg-vsf-drawer-object-card__heading {
@@ -2148,20 +2140,29 @@ section + section {
}
.sg-text-layout-pattern__sample--two-column {
margin: 0;
}
.sg-text-layout-pattern__two-column {
width: 100%;
column-count: 2;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: var(--spacing-large);
}
.sg-text-layout-pattern__column {
margin: 0;
}
@media (max-width: 767px) {
.sg-vsf-drawer-object-card__text-columns {
grid-template-columns: 1fr;
.sg-text-layout-pattern__sample--sixty-width,
.sg-text-layout-pattern__sample--two-column,
.sg-text-layout-pattern__two-column {
width: 100%;
}
.sg-text-layout-pattern__sample--sixty-width,
.sg-text-layout-pattern__sample--two-column {
width: 100%;
column-count: 1;
.sg-text-layout-pattern__two-column {
grid-template-columns: 1fr;
}
}