karim/OPENBUREAU
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: kurzer Inhalt vertikal zentriert (Rahmen-Layout)

Browse Source 
body:not(.is-home) main als Flex-Spalte mit justify-content: safe center —
kurze Seiten zeigen den Inhalt mittig zwischen Header und Footer (gleiche
Lücke oben/unten), langer Inhalt scrollt normal von oben (safe → start).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
karim
2026-06-01 11:40:47 +02:00
parent 4f4eccd475
commit 7b25f644a2
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/custom.css
+8
View File
@@ -109,11 +109,19 @@ body > main {
-ms-overflow-style: none; -ms-overflow-style: none;
} }
body > main::-webkit-scrollbar { width: 0; height: 0; display: none; } body > main::-webkit-scrollbar { width: 0; height: 0; display: none; }
/* Kurzer Inhalt vertikal zentriert zwischen Header und Footer; langer Inhalt
scrollt normal von oben (safe center fällt bei Überlauf auf start zurück). */
body:not(.is-home) > main {
display: flex;
flex-direction: column;
justify-content: safe center;
}
/* Inhalt 72ch-zentriert in der vollbreiten Scroll-Fläche (Home = Vollbreite). */ /* Inhalt 72ch-zentriert in der vollbreiten Scroll-Fläche (Home = Vollbreite). */
body:not(.is-home) > main > * { body:not(.is-home) > main > * {
max-width: calc(var(--container-width) + 3.5rem); max-width: calc(var(--container-width) + 3.5rem);
margin-inline: auto; margin-inline: auto;
padding-inline: 1.75rem; padding-inline: 1.75rem;
flex: none;
} }
/* Full-Bleed-Hero füllt die ganze Breite (main ist schon viewportbreit). */ /* Full-Bleed-Hero füllt die ganze Breite (main ist schon viewportbreit). */
body:not(.is-home) > main > .single-hero-image { body:not(.is-home) > main > .single-hero-image {