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:
parent
f0ddb107db
commit
1ded47c187
20
index.html
20
index.html
@ -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, флэт
|
||||||
|
|||||||
Reference in New Issue
Block a user