Sync styleguide 2026.05.18.1

2026-08-04 13:03:44 +02:00
parent 095da274cb
commit 04d6bd876b
10 changed files with 181 additions and 5 deletions
@@ -0,0 +1,37 @@
+<!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 Header</title>
+  <link rel="stylesheet" href="../styleguide.css">
+  <link rel="stylesheet" href="../email-styleguide.css">
+</head>
+<body>
+
+  <h1 class="sg-main-heading">Komponente – E-Mail Header</h1>
+
+  <section id="component-email-header">
+    <p class="sg-preview-label">Komponente: E-Mail Header</p>
+
+    <div class="sg-preview-area">
+      <div class="sg-email-preview-viewport">
+        <div class="sg-email-preview-body">
+          <header
+            class="sg-email-header"
+            aria-label="E-Mail Header"
+            data-component="email-header"
+            data-component-variant="logo-only"
+            data-derived-from="portal-header-without-options-row"
+          >
+            <div class="sg-email-header__main" data-component-part="main">
+              <p class="sg-email-header__brand" data-component-part="brand">ValueStockFinder</p>
+            </div>
+          </header>
+        </div>
+      </div>
+    </div>
+  </section>
+
+</body>
+</html>