ui: Übersichts-Titel als Artikel-Heading mit Unterstrich; Header-Abstände grösser
- Archiv/Library-Titel: .collection-title (Serif, links, 3px-Linie darunter wie die Kategorien) statt zentriertem section-header. - Masthead: padding 0.48rem/2.4px → 0.9rem/0.5rem, Logo↔Menü 0.12→0.45em. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
+18
-4
@@ -160,8 +160,8 @@ a:hover {
|
||||
.site-header {
|
||||
background: var(--color-dark-panel);
|
||||
color: var(--color-dark-panel-text);
|
||||
/* oben Luft über dem Logo, unten knapp unter dem Menü (+20%) */
|
||||
padding: 0.48rem 0 2.4px;
|
||||
/* mehr Luft: über dem Logo, und unter dem Menü */
|
||||
padding: 0.9rem 0 0.5rem;
|
||||
border-bottom: none;
|
||||
margin-bottom: 0;
|
||||
/* inner 3-col grid matches body so wordmark/nav align with content column */
|
||||
@@ -211,8 +211,8 @@ a:hover {
|
||||
|
||||
.site-header .site-nav {
|
||||
justify-self: center;
|
||||
/* Luft zwischen Logo und Menü (+20%). */
|
||||
margin-top: 0.12em;
|
||||
/* mehr Luft zwischen Logo und Menü. */
|
||||
margin-top: 0.45em;
|
||||
}
|
||||
|
||||
.wordmark-link:focus-visible { outline: 2px dotted var(--color-text-muted); outline-offset: 4px; }
|
||||
@@ -1116,6 +1116,20 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
|
||||
max-width: 60ch;
|
||||
}
|
||||
|
||||
/* Übersichts-Titel (Archiv/Library): wie ein Artikel-Heading, aber mit Linie
|
||||
darunter — im selben Stil wie die Kategorie-Überschriften. */
|
||||
.collection-title {
|
||||
font-family: var(--font-family-serif);
|
||||
font-size: clamp(1.7rem, 3vw, 2.2rem);
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.015em;
|
||||
line-height: 1.12;
|
||||
color: var(--color-text-primary);
|
||||
border-bottom: 3px solid var(--accent);
|
||||
padding-bottom: var(--spacing-xs);
|
||||
margin: 0 0 var(--spacing-md);
|
||||
}
|
||||
|
||||
.time-list ul {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{{ define "main" }}
|
||||
{{ if eq .Path "/archiv" }}
|
||||
{{/* Archiv root: Titel + Intro + Atlas (je Kategorie die letzten 10) */}}
|
||||
<header class="section-header"><h1 class="section-title">{{ .Title }}</h1></header>
|
||||
<h1 class="collection-title">{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
<section class="atlas">
|
||||
{{ range .Sections.ByWeight }}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{{ define "main" }}
|
||||
<header class="section-header"><h1 class="section-title">{{ .Title }}</h1></header>
|
||||
<h1 class="collection-title">{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
|
||||
{{ $pages := where site.RegularPages "Section" "library" }}
|
||||
|
||||
Reference in New Issue
Block a user