Sync styleguide 2026.05.18.1
This commit is contained in:
@@ -0,0 +1,41 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Styleguide – Komponente E-Mail Footer</title>
|
||||||
|
<link rel="stylesheet" href="../styleguide.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<h1 class="sg-main-heading">Komponente – E-Mail Footer</h1>
|
||||||
|
|
||||||
|
<section id="component-email-footer">
|
||||||
|
<p class="sg-preview-label">Komponente: E-Mail Footer</p>
|
||||||
|
|
||||||
|
<p class="sg-preview-label">E-Mail Footer not subscribed</p>
|
||||||
|
|
||||||
|
<div class="sg-preview-area">
|
||||||
|
<article
|
||||||
|
class="sg-card sg-card--content-card sg-card--footer-card"
|
||||||
|
data-component="content-card"
|
||||||
|
data-component-context="email-footer"
|
||||||
|
data-component-variant="not-subscribed"
|
||||||
|
aria-label="E-Mail Footer not subscribed"
|
||||||
|
>
|
||||||
|
<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>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -34,7 +34,8 @@
|
|||||||
font-size: var(--font-size-portal-header-brand);
|
font-size: var(--font-size-portal-header-brand);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-email-card {
|
.sg-email-card,
|
||||||
|
.sg-email-footer-card {
|
||||||
width: calc(100% + (2 * var(--card-segment-padding-horizontal)));
|
width: calc(100% + (2 * var(--card-segment-padding-horizontal)));
|
||||||
margin-inline: calc(-1 * var(--card-segment-padding-horizontal));
|
margin-inline: calc(-1 * var(--card-segment-padding-horizontal));
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -92,6 +92,7 @@
|
|||||||
<h3 class="sg-sub-heading sg-section-h3">Komponenten</h3>
|
<h3 class="sg-sub-heading sg-section-h3">Komponenten</h3>
|
||||||
<ul class="sg-index-list">
|
<ul class="sg-index-list">
|
||||||
<li><a href="./components/email-header.html">E-Mail Header</a></li>
|
<li><a href="./components/email-header.html">E-Mail Header</a></li>
|
||||||
|
<li><a href="./components/email-footer.html">E-Mail Footer</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h3 class="sg-sub-heading sg-section-h3">Patterns</h3>
|
<h3 class="sg-sub-heading sg-section-h3">Patterns</h3>
|
||||||
|
|||||||
@@ -54,6 +54,30 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
|
<article
|
||||||
|
class="sg-card sg-card--content-card sg-card--footer-card sg-email-footer-card"
|
||||||
|
data-component="content-card"
|
||||||
|
data-component-context="email-footer"
|
||||||
|
data-component-variant="not-subscribed"
|
||||||
|
data-pattern-part="email-footer"
|
||||||
|
aria-label="E-Mail Footer not subscribed"
|
||||||
|
>
|
||||||
|
<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">
|
||||||
|
© 2026 Valuestockfinder<br>
|
||||||
|
Im Hochrain 2<br>
|
||||||
|
8102 Oberengstringen<br>
|
||||||
|
Switzerland
|
||||||
|
</p>
|
||||||
|
<div class="sg-text-layout-pattern__column">
|
||||||
|
<p class="sg-body"><a class="sg-hyperlink" href="https://valuestockfinder.com/terms/" data-component="hyperlink">Allgemeine Geschäftsbedingungen</a></p>
|
||||||
|
<p class="sg-body"><a class="sg-hyperlink" href="https://valuestockfinder.com/privacypolicy/" data-component="hyperlink">Datenschutz</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"styleguideVersion": "2026.05.18.1",
|
"styleguideVersion": "2026.05.18.1",
|
||||||
"styleguideCommit": "64272f5",
|
"styleguideCommit": "64272f5",
|
||||||
"syncedAtUtc": "2026-08-04T11:03:43Z",
|
"syncedAtUtc": "2026-08-04T11:23:12Z",
|
||||||
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
|
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
|
||||||
"mirroredDocsPath": "docs/styleguide"
|
"mirroredDocsPath": "docs/styleguide"
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user