From 16f9bae7ce86e4404d7f63eb72e879a544280fc8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Sun, 9 Aug 2026 08:39:36 +0200 Subject: [PATCH] Sync styleguide 2026.05.18.1 --- docs/styleguide/email-styleguide.css | 23 ++++++++++++++++++- docs/styleguide/index.html | 2 +- ...igung.html => general-email-template.html} | 23 ++++++++++--------- public/assets/styleguide.upstream.meta.json | 4 ++-- 4 files changed, 37 insertions(+), 15 deletions(-) rename docs/styleguide/patterns/{email-double-opt-in-bestaetigung.html => general-email-template.html} (81%) diff --git a/docs/styleguide/email-styleguide.css b/docs/styleguide/email-styleguide.css index bed726d..80f6b1e 100644 --- a/docs/styleguide/email-styleguide.css +++ b/docs/styleguide/email-styleguide.css @@ -1,9 +1,18 @@ @import "./styles/01-foundations.css"; /* E-Mail-Komponenten: separater Einstiegspunkt, nicht Teil des Portal-CSS */ +.sg-email-template-page { + background: var(--surface-object-card-lower-segment); +} + +.sg-email-template-page .sg-main-heading, +.sg-email-template-page .sg-preview-label { + color: var(--text-card-body); +} + .sg-email-preview-viewport { width: var(--dimension-email-body-max-width); - background: var(--surface-portal-background); + background: var(--surface-object-card-lower-segment); } .sg-email-preview-body { @@ -40,6 +49,10 @@ margin-inline: calc(-1 * var(--card-segment-padding-horizontal)); } +.sg-email-footer-card { + margin-top: calc(var(--spacing-large) * 2); +} + .sg-email-card .sg-card-segment--body > .sg-body { color: var(--text-card-body); } @@ -47,3 +60,11 @@ .sg-email-card-action-segment { align-items: flex-end; } + +.sg-email-template > .sg-heading-h1 { + color: var(--text-card-body); +} + +.sg-email-template > .sg-email-template__intro { + color: var(--text-card-body); +} diff --git a/docs/styleguide/index.html b/docs/styleguide/index.html index cb8831a..52395f7 100644 --- a/docs/styleguide/index.html +++ b/docs/styleguide/index.html @@ -97,7 +97,7 @@

Patterns

Valuestockfinder Templates

diff --git a/docs/styleguide/patterns/email-double-opt-in-bestaetigung.html b/docs/styleguide/patterns/general-email-template.html similarity index 81% rename from docs/styleguide/patterns/email-double-opt-in-bestaetigung.html rename to docs/styleguide/patterns/general-email-template.html index e422cfe..806ad88 100644 --- a/docs/styleguide/patterns/email-double-opt-in-bestaetigung.html +++ b/docs/styleguide/patterns/general-email-template.html @@ -3,16 +3,16 @@ - Styleguide – Pattern E-Mail Double-Opt-in-Bestätigung + Styleguide – General E-Mail-Template - + -

Pattern – E-Mail Double-Opt-in-Bestätigung

+

General E-Mail-Template

-
-

Pattern: E-Mail Double-Opt-in-Bestätigung

+
+

General E-Mail-Template

@@ -30,25 +30,26 @@
-

Fast geschafft

+

Fast geschafft

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer nec odio. Praesent libero.
Sed cursus ante dapibus diam.

Bitte bestätige deine Anmeldung
-
+

Bitte bestätige jetzt deine E-Mail-Adresse. Erst danach dürfen wir dir die gewünschten Informationen per E-Mail senden.

Falls du dich nicht selbst angemeldet hast, musst du nichts weiter tun.

-
+
@@ -56,7 +57,7 @@