From e90e521df80ece6ed67a7139b98e4947276220c5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Thu, 18 Jun 2026 10:47:28 +0200 Subject: [PATCH] Rename page layout basic to app --- index.html | 2 +- patterns/page-layout-app.html | 312 ++++++++++++++++++++++++++ styleguide.css | 2 +- styles/36-layouts-page-layout-app.css | 8 + 4 files changed, 322 insertions(+), 2 deletions(-) create mode 100644 patterns/page-layout-app.html create mode 100644 styles/36-layouts-page-layout-app.css diff --git a/index.html b/index.html index 4d25f67..4d74d7d 100644 --- a/index.html +++ b/index.html @@ -62,7 +62,7 @@

Generische Layouts

diff --git a/patterns/page-layout-app.html b/patterns/page-layout-app.html new file mode 100644 index 0000000..0ec7fd0 --- /dev/null +++ b/patterns/page-layout-app.html @@ -0,0 +1,312 @@ + + + + + + Styleguide – Page Layout App + + + + +

Layout – Page Layout App

+ +
+
+
+

ValueStockFinder

+ +
+ + +
+ Admin + Logout +
+
+ + +
+
+ +
+
+
+ + +
+
    + + + + +
  • + 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. +

+
+ +
+
+

Seiteninhalt

+
+ +
+
+
Inhalt
+
+ +
+

+ Zeile 01
+ Zeile 02
+ Zeile 03
+ Zeile 04
+ Zeile 05
+ Zeile 06
+ Zeile 07
+ Zeile 08
+ Zeile 09
+ Zeile 10
+ Zeile 11
+ Zeile 12
+ Zeile 13
+ Zeile 14
+ Zeile 15
+ Zeile 16
+ Zeile 17
+ Zeile 18
+ Zeile 19
+ Zeile 20
+ Zeile 21
+ Zeile 22
+ Zeile 23
+ Zeile 24
+ Zeile 25
+ Zeile 26
+ Zeile 27
+ Zeile 28
+ Zeile 29
+ Zeile 30 +

+
+
+
+
+ + + + + + diff --git a/styleguide.css b/styleguide.css index 37751b8..8ea3f8b 100644 --- a/styleguide.css +++ b/styleguide.css @@ -13,7 +13,7 @@ @import "./styles/28-patterns-notifications.css"; @import "./styles/29-patterns-left-navigation.css"; @import "./styles/30-layouts-card-list-page.css"; -@import "./styles/36-layouts-page-layout-basic.css"; +@import "./styles/36-layouts-page-layout-app.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/36-layouts-page-layout-app.css b/styles/36-layouts-page-layout-app.css new file mode 100644 index 0000000..d5f9f57 --- /dev/null +++ b/styles/36-layouts-page-layout-app.css @@ -0,0 +1,8 @@ +/* ========================================================= */ +/* Layouts: Page Layout App */ +/* ========================================================= */ + +.sg-page-layout-app__heading-block { + margin-top: var(--spacing-large); + margin-bottom: var(--spacing-large); +}