From d85b5ff31f203d0007f9045b9b920104fcd01fcd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Thu, 18 Jun 2026 11:09:54 +0200 Subject: [PATCH] Add public page layout variant --- index.html | 1 + patterns/page-layout-public.html | 256 +++++++++++++++++++++++ styleguide.css | 1 + styles/37-layouts-page-layout-public.css | 8 + 4 files changed, 266 insertions(+) create mode 100644 patterns/page-layout-public.html create mode 100644 styles/37-layouts-page-layout-public.css diff --git a/index.html b/index.html index 4d74d7d..176a8d0 100644 --- a/index.html +++ b/index.html @@ -63,6 +63,7 @@ diff --git a/patterns/page-layout-public.html b/patterns/page-layout-public.html new file mode 100644 index 0000000..158e82c --- /dev/null +++ b/patterns/page-layout-public.html @@ -0,0 +1,256 @@ + + + + + + Styleguide – Page Layout Public + + + + +

Layout – Page Layout Public

+ +
+
+
+

ValueStockFinder

+ +
+
+ + + +
+
+ + +
+
+ +
+
+
+ + +
+
    + + + + +
  • + Menüpunkt 5 +
    • +
+
+
+ +
+ + +
+
    + + + + +
  • + Menüpunkt 5 +
    • +
+
+
+ +
+ + + + + 0 Treffer +
+
+ +
+ + + + + + + Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. + + +
+
+ +
+

H1 Überschrift

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer convallis purus sed urna ultricies, id aliquet justo malesuada. Morbi luctus, augue in cursus ultrices, justo lorem posuere mi, at suscipit est turpis vitae ipsum. +

+
+
+ + + + + + diff --git a/styleguide.css b/styleguide.css index 8ea3f8b..7299c9a 100644 --- a/styleguide.css +++ b/styleguide.css @@ -14,6 +14,7 @@ @import "./styles/29-patterns-left-navigation.css"; @import "./styles/30-layouts-card-list-page.css"; @import "./styles/36-layouts-page-layout-app.css"; +@import "./styles/37-layouts-page-layout-public.css"; @import "./styles/33-layouts-vsf-list-detailseite.css"; @import "./styles/34-layouts-vsf-listen-uebersicht-seite-v2.css"; @import "./styles/35-layouts-vsf-register-step-1.css"; diff --git a/styles/37-layouts-page-layout-public.css b/styles/37-layouts-page-layout-public.css new file mode 100644 index 0000000..0ad3fa9 --- /dev/null +++ b/styles/37-layouts-page-layout-public.css @@ -0,0 +1,8 @@ +/* ========================================================= */ +/* Layouts: Page Layout Public */ +/* ========================================================= */ + +.sg-page-layout-public__heading-block { + margin-top: var(--spacing-large); + margin-bottom: var(--spacing-large); +}