berrypod/assets/css/shop.css

/* Shop CSS — hand-written, zero-framework stylesheet.
   Layered cascade: later layers beat earlier ones, no !important needed. */

@layer reset, primitives, tokens, components, layout, utilities, overrides;

@import "./shop/reset.css";

@import "./shop/components.css";
@import "./shop/layout.css";
@import "./shop/utilities.css";
@import "./shop/overrides.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			`/* Shop CSS — hand-written, zero-framework stylesheet.`
replace Tailwind in content + collection, remove shop Tailwind entirely (Phase 5c) - Replace all Tailwind utilities in content.ex and collection.ex with semantic CSS classes (content body, contact form, cards, reviews, etc.) - Delete app-shop.css (Tailwind shop entry point) - Remove shop Tailwind config from config.exs, dev.exs, mix.exs - Remove shop Tailwind stylesheet link from shop_root.html.heex - Add collection filter bar, empty state, and select dropdown styles - Fix filter pill sizing (use theme font vars instead of hardcoded rem) - Fix active pill contrast (tinted accent background + dark accent text) - Fix --t-text-on-accent fallback for pill legibility - Add padding/font-size to .themed-select Shop pages now use zero Tailwind. Admin Tailwind remains for Phase 6. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> 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";`

			`@import "./shop/components.css";`
			`@import "./shop/layout.css";`
			`@import "./shop/utilities.css";`
			`@import "./shop/overrides.css";`