standard header/menu KA 2026-08-22 : items de nav en pilules font-display 700 13.5px (header encre conservé)
1 changed file +4 −2
modified
frontend/src/styles.css
+4 −2
@@ -52,8 +52,10 @@ header.site .container { | |||||
| 52 | header.site .gk-badge { flex-shrink: 0; } | 52 | header.site .gk-badge { flex-shrink: 0; } | ||
| 53 | nav.main { display: flex; gap: 4px; margin-left: auto; } | 53 | nav.main { display: flex; gap: 4px; margin-left: auto; } | ||
| 54 | nav.main a { | 54 | nav.main a { | ||
| 55 | − color: #d7ddda; padding: 7px 12px; border-radius: 8px; font-weight: 500; | 55 | + /* pilules font-display 700 (standard header/menu KA 2026-08-22), thème encre conservé */ | ||
| 56 | − white-space: nowrap; | 56 | + color: #d7ddda; padding: 7px 12px; border-radius: 999px; font-weight: 700; | ||
| 57 | + font-family: var(--font-display, "Space Grotesk", system-ui, sans-serif); font-size: 13.5px; | ||||
| 58 | + letter-spacing: -0.01em; white-space: nowrap; | ||||
| 57 | } | 59 | } | ||
| 58 | nav.main a:hover { color: #fff; background: rgb(255 255 255 / 8%); text-decoration: none; } | 60 | nav.main a:hover { color: #fff; background: rgb(255 255 255 / 8%); text-decoration: none; } | ||
| 59 | nav.main a.active { color: var(--accent-soft); background: rgb(255 255 255 / 10%); } | 61 | nav.main a.active { color: var(--accent-soft); background: rgb(255 255 255 / 10%); } | ||
| 60 | 62 | ||||