Specs: repo-structure, 10 framework layer specs, packs, site. Changes: repo-restructure (10 tasks), css-refactor (12 tasks), legacy-import (proposal + triage categories). Supersede docs/css-refactor-plan.md in favor of OpenSpec change. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
908 B
908 B
Spec: Landmarks (Layer 03)
File: src/layers/03-landmarks.css
Purpose
Styling for HTML landmark elements — the structural bones of a page. These elements convey document structure to both browsers and screen readers.
Scope
In scope
body > nav— global navigation bararticle— content card or postaside— sidebar panelssection— content groupingbody > footer— global footerhgroup— heading groupsheaderwithin landmarksdt,dd— definition lists (structural, not component)
Out of scope
- Navigation menus and dropdowns (→ navigation layer)
- Sidebar nav behavior
nav[data-nav="sidebar"](→ navigation layer) - Article styling within specific layouts (→ layouts layer)
Constraints
- References only semantic aliases from
01-tokens.css - Landmark styling should be layout-independent — works in any
data-layout