Bigger content (+40%) and scroll-snap on sections
- html font-size 22.4px scales rem-based typography - scroll-snap-type: y proximity on html - snap-align start on hero/sections/dark-section - scroll-margin-top 84px to clear sticky nav Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
857c445322
commit
3b23015b8a
15
index.html
15
index.html
@ -106,7 +106,20 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
html { scroll-behavior: smooth; }
|
html {
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
font-size: 22.4px; /* +40% от 16px — крупнее контент */
|
||||||
|
scroll-snap-type: y proximity;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scroll-snap по основным секциям */
|
||||||
|
.hero,
|
||||||
|
section.section,
|
||||||
|
.dark-section {
|
||||||
|
scroll-snap-align: start;
|
||||||
|
scroll-snap-stop: always;
|
||||||
|
scroll-margin-top: 84px; /* высота sticky-нав */
|
||||||
|
}
|
||||||
|
|
||||||
/* ── POLISH: shared hover transition for all card variants ── */
|
/* ── POLISH: shared hover transition for all card variants ── */
|
||||||
.tool-card, .create-card, .plan-step, .gloss-item, .project-card, .prompt-card, .eq-box {
|
.tool-card, .create-card, .plan-step, .gloss-item, .project-card, .prompt-card, .eq-box {
|
||||||
|
|||||||
Reference in New Issue
Block a user