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

Sync styleguide 2026.05.18.1

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-19 12:46:43 +02:00
parent 821b480ecc
commit ee8f4225a7
7 changed files with 75 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/styleguide/components/cards.html
+17
View File
@@ -101,6 +101,23 @@
</div>
</section>
<p class="sg-preview-label">Variante: Dark Content Card</p>
<div class="sg-preview-area">
<article class="sg-card sg-card--content-card sg-card--content-card-dark" data-component="content-card" aria-label="Dark Content Card">
<div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
<div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
<p class="sg-body sg-text-layout-pattern__column">
Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im zweispaltigen Layout.
</p>
<p class="sg-body sg-text-layout-pattern__column">
Footer rechts: Platzhaltertext fuer ergaenzende Angaben, rechtliche Hinweise oder sekundäre Footer-Inhalte im gleichen Raster.
</p>
</div>
</div>
</article>
</div>
<!-- Component: Group Card -->
<section id="component-group-card">
<p class="sg-preview-label">Component: Group Card</p>
docs/styleguide/patterns/page-layout-public.html
+11 -9
View File
@@ -44,16 +44,18 @@
</p>
</div>
<div class="sg-text-layout-pattern__preview-surface sg-page-layout-public__footer-card" data-pattern="text-layout-zweispaltig" aria-label="Text Layout zweispaltig mobil zweispaltig">
<div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
<p class="sg-body sg-text-layout-pattern__column">
Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im zweispaltigen Layout.
</p>
<p class="sg-body sg-text-layout-pattern__column">
Footer rechts: Platzhaltertext fuer ergaenzende Angaben, rechtliche Hinweise oder sekundäre Footer-Inhalte im gleichen Raster.
</p>
<article class="sg-card sg-card--content-card sg-card--content-card-dark sg-page-layout-public__footer-card" data-component="content-card" aria-label="Fusszeile">
<div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
<div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
<p class="sg-body sg-text-layout-pattern__column">
Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im zweispaltigen Layout.
</p>
<p class="sg-body sg-text-layout-pattern__column">
Footer rechts: Platzhaltertext fuer ergaenzende Angaben, rechtliche Hinweise oder sekundäre Footer-Inhalte im gleichen Raster.
</p>
</div>
</div>
</div>
</article>
</div>
</main>
docs/styleguide/styles/37-layouts-page-layout-public.css
-1
View File
@@ -30,5 +30,4 @@ main {
.sg-page-layout-public__footer-card {
margin-top: auto;
background: var(--surface-card-group);
}
docs/styleguide/styles/40-components-cards.css
+15
View File
@@ -23,6 +23,21 @@
background: var(--surface-card);
}
.sg-card.sg-card--content-card-dark {
--surface-card: var(--surface-card-group);
--surface-card-body: var(--surface-card-group);
--text-card-body: var(--text-card-header);
}
.sg-card.sg-card--content-card-dark .sg-card-segment--body {
color: var(--color-font-light);
}
.sg-card.sg-card--content-card-dark .sg-text-layout-pattern__column,
.sg-card.sg-card--content-card-dark .sg-body {
color: var(--color-font-light);
}
.sg-card.sg-card--overlay-host {
overflow: visible;
}
public/assets/styleguide.upstream.css
+15 -1
View File
@@ -3390,7 +3390,6 @@ main {
.sg-page-layout-public__footer-card {
margin-top: auto;
background: var(--surface-card-group);
}
/* ========================================================= */
@@ -3729,6 +3728,21 @@ main {
background: var(--surface-card);
}
.sg-card.sg-card--content-card-dark {
--surface-card: var(--surface-card-group);
--surface-card-body: var(--surface-card-group);
--text-card-body: var(--text-card-header);
}
.sg-card.sg-card--content-card-dark .sg-card-segment--body {
color: var(--color-font-light);
}
.sg-card.sg-card--content-card-dark .sg-text-layout-pattern__column,
.sg-card.sg-card--content-card-dark .sg-body {
color: var(--color-font-light);
}
.sg-card.sg-card--overlay-host {
overflow: visible;
}
public/assets/styleguide.upstream.meta.json
+2 -2
View File
@@ -1,7 +1,7 @@
{
"styleguideVersion": "2026.05.18.1",
"styleguideCommit": "72ab0f5",
"syncedAtUtc": "2026-06-18T10:22:31Z",
"styleguideCommit": "6f6dd21",
"syncedAtUtc": "2026-06-19T10:46:43Z",
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
"mirroredDocsPath": "docs/styleguide"
}
public/assets/styles.css
+15 -1
View File
@@ -3390,7 +3390,6 @@ main {
.sg-page-layout-public__footer-card {
margin-top: auto;
background: var(--surface-card-group);
}
/* ========================================================= */
@@ -3729,6 +3728,21 @@ main {
background: var(--surface-card);
}
.sg-card.sg-card--content-card-dark {
--surface-card: var(--surface-card-group);
--surface-card-body: var(--surface-card-group);
--text-card-body: var(--text-card-header);
}
.sg-card.sg-card--content-card-dark .sg-card-segment--body {
color: var(--color-font-light);
}
.sg-card.sg-card--content-card-dark .sg-text-layout-pattern__column,
.sg-card.sg-card--content-card-dark .sg-body {
color: var(--color-font-light);
}
.sg-card.sg-card--overlay-host {
overflow: visible;
}