- 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>
19 lines
677 B
CSS
19 lines
677 B
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";
|
|
|
|
/* 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";
|
|
|
|
@import "./shop/components.css";
|
|
@import "./shop/layout.css";
|
|
@import "./shop/utilities.css";
|
|
@import "./shop/overrides.css";
|