5fa93f4e75
- CSS file structure with @layer declaration (reset, layout, components, utilities, overrides) - Layout primitives: .stack, .cluster, .row, .auto-grid, .container-page, .with-sidebar, .center - mix screenshots task using Playwright for visual regression testing - Golden baseline captured (10 pages x 4 breakpoints = 40 screenshots) - No visual changes — new CSS not wired into any layout yet Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
12 lines
505 B
CSS
12 lines
505 B
CSS
/* Component styles — extracted from inline styles in later phases.
|
|
Each component gets its own section. */
|
|
|
|
@layer components {
|
|
/* Phase 2: product cards, grid, badges, hero, categories */
|
|
/* Phase 2: PDP, variant selector, gallery, accordion */
|
|
/* Phase 3: layout components (header, footer, nav, search) */
|
|
/* Phase 3: cart components (drawer, items, summary) */
|
|
/* Phase 4: content components (contact, reviews, newsletter) */
|
|
/* Phase 4: page templates (checkout success, etc.) */
|
|
}
|