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

Add content cards group pattern and wire into card list layouts

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-18 18:37:33 +02:00
parent 6d20ae0a01
commit 5652b2dad6
5 changed files with 58 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styleguide.css
+7 -6
View File
@@ -170,6 +170,7 @@
--surface-navigation-card-body: var(--color-white);
--surface-content-block-card-title: var(--color-light-grey);
--surface-content-block-card-content: var(--color-white);
--layout-content-cards-group-gap: var(--spacing-small);
--surface-card-list-drawer: var(--color-background-purple);
--text-content-block-card-title: var(--color-font-dark);
--text-content-block-card-content: var(--color-font-dark);
@@ -1685,6 +1686,12 @@ section + section {
text-align: center;
}
.sg-content-cards-group {
display: flex;
flex-direction: column;
gap: var(--layout-content-cards-group-gap);
}
/* ========================================================= */
/* Layouts: Card Listen Seite */
/* ========================================================= */
@@ -1742,12 +1749,6 @@ section + section {
var(--spacing-small);
}
.sg-card-list-page-detail-group {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
.sg-card-list-page > * + * {
margin-top: var(--spacing-large);
}