add CSS migration foundation and screenshot tooling (Phase 0)
- 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>
2026-02-16 23:37:29 +00:00
|
|
|
/* Shop CSS — hand-written, zero-framework stylesheet.
|
2026-02-17 19:07:15 +00:00
|
|
|
Layered cascade: later layers beat earlier ones, no !important needed. */
|
add CSS migration foundation and screenshot tooling (Phase 0)
- 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>
2026-02-16 23:37:29 +00:00
|
|
|
|
|
|
|
|
@layer reset, primitives, tokens, components, layout, utilities, overrides;
|
|
|
|
|
|
|
|
|
|
@import "./shop/reset.css";
|
|
|
|
|
|
2026-02-17 19:07:15 +00:00
|
|
|
/* Theme CSS — unlayered so it overrides component layers (intentional).
|
|
|
|
|
Primitives set CSS custom properties, layer2 sets theme-aware rules,
|
|
|
|
|
semantic sets base styles on .themed containers. */
|
|
|
|
|
@import "./theme-primitives.css";
|
|
|
|
|
@import "./theme-layer2-attributes.css";
|
|
|
|
|
@import "./theme-semantic.css";
|
add CSS migration foundation and screenshot tooling (Phase 0)
- 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>
2026-02-16 23:37:29 +00:00
|
|
|
|
|
|
|
|
@import "./shop/components.css";
|
|
|
|
|
@import "./shop/layout.css";
|
|
|
|
|
@import "./shop/utilities.css";
|
|
|
|
|
@import "./shop/overrides.css";
|