Sync styleguide 2026.05.18.1
This commit is contained in:
@@ -105,6 +105,23 @@
|
||||
|
||||
<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 sekundaere Footer-Inhalte im gleichen Raster.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<p class="sg-preview-label">Variante: Footer Card</p>
|
||||
|
||||
<div class="sg-preview-area">
|
||||
<article class="sg-card sg-card--content-card sg-card--footer-card" data-component="content-card" aria-label="Footer 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">
|
||||
|
||||
@@ -38,6 +38,17 @@
|
||||
color: var(--color-font-light);
|
||||
}
|
||||
|
||||
.sg-card.sg-card--footer-card {
|
||||
--surface-card: var(--color-black);
|
||||
--surface-card-body: var(--color-black);
|
||||
}
|
||||
|
||||
.sg-card.sg-card--footer-card .sg-card-segment--body,
|
||||
.sg-card.sg-card--footer-card .sg-text-layout-pattern__column,
|
||||
.sg-card.sg-card--footer-card .sg-body {
|
||||
color: var(--color-font-light);
|
||||
}
|
||||
|
||||
.sg-card.sg-card--overlay-host {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
@@ -3826,6 +3826,17 @@ main {
|
||||
color: var(--color-font-light);
|
||||
}
|
||||
|
||||
.sg-card.sg-card--footer-card {
|
||||
--surface-card: var(--color-black);
|
||||
--surface-card-body: var(--color-black);
|
||||
}
|
||||
|
||||
.sg-card.sg-card--footer-card .sg-card-segment--body,
|
||||
.sg-card.sg-card--footer-card .sg-text-layout-pattern__column,
|
||||
.sg-card.sg-card--footer-card .sg-body {
|
||||
color: var(--color-font-light);
|
||||
}
|
||||
|
||||
.sg-card.sg-card--overlay-host {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"styleguideVersion": "2026.05.18.1",
|
||||
"styleguideCommit": "3e0b2d3",
|
||||
"syncedAtUtc": "2026-06-24T14:44:00Z",
|
||||
"styleguideCommit": "24d09c5",
|
||||
"syncedAtUtc": "2026-06-24T14:57:55Z",
|
||||
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
|
||||
"mirroredDocsPath": "docs/styleguide"
|
||||
}
|
||||
|
||||
@@ -3826,6 +3826,17 @@ main {
|
||||
color: var(--color-font-light);
|
||||
}
|
||||
|
||||
.sg-card.sg-card--footer-card {
|
||||
--surface-card: var(--color-black);
|
||||
--surface-card-body: var(--color-black);
|
||||
}
|
||||
|
||||
.sg-card.sg-card--footer-card .sg-card-segment--body,
|
||||
.sg-card.sg-card--footer-card .sg-text-layout-pattern__column,
|
||||
.sg-card.sg-card--footer-card .sg-body {
|
||||
color: var(--color-font-light);
|
||||
}
|
||||
|
||||
.sg-card.sg-card--overlay-host {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user