Compact nav (48px) with tinted backdrop-blur background

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Telecom 2026-05-21 22:12:09 +05:00
parent f0ddb107db
commit 1ded47c187

View File

@ -118,7 +118,7 @@ html {
body { body {
overflow-y: scroll; overflow-y: scroll;
scroll-snap-type: y mandatory; scroll-snap-type: y mandatory;
scroll-padding-top: 64px; /* высота nav */ scroll-padding-top: 48px; /* высота nav */
} }
/* PRESENTATION MODE: каждая секция = ровно 1 экран */ /* PRESENTATION MODE: каждая секция = ровно 1 экран */
@ -150,13 +150,29 @@ section.section,
nav { max-width: 1280px; } nav { max-width: 1280px; }
} }
/* Sticky nav поверх слайдов */ /* Sticky nav поверх слайдов — компактный, с лёгким тинтом */
nav { nav {
position: sticky !important; position: sticky !important;
top: 0 !important; top: 0 !important;
z-index: 100; z-index: 100;
scroll-snap-align: none; scroll-snap-align: none;
height: 48px !important;
background: rgba(236, 228, 210, 0.92) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow: 0 1px 0 var(--border);
border-bottom: 1px solid var(--border-strong) !important;
} }
[data-theme="dark"] nav {
background: rgba(34, 29, 24, 0.92) !important;
}
nav .nav-inner { padding: 0 24px; }
.logo-text { font-size: 1rem !important; }
.logo-mark { font-size: 0.7rem !important; padding: 2px 6px !important; }
.nav-link { padding: 4px 10px !important; font-size: 0.7rem !important; }
.nav-cta { padding: 6px 14px !important; font-size: 0.75rem !important; }
.theme-toggle { width: 30px !important; height: 30px !important; }
.theme-toggle svg { width: 14px !important; height: 14px !important; }
/* ────────────────────────────────────────────────────────── /* ──────────────────────────────────────────────────────────
EDITORIAL / NYT REDESIGN — кремовый фон, serif, флэт EDITORIAL / NYT REDESIGN — кремовый фон, serif, флэт