Andreas Reinhold / reiniandClaude Opus 5
3365730610
Plan step 37 review. Removing material.css left README.md, the development skill, UPGRADE.md and the tailwind.css and foundation.css headers telling an application to import foundation.css, tailwindcss and tailwind.css in its place. material.css was also what brought layout.css and components.css, so that install rendered every component unstyled, and without a layer statement Tailwind's preflight would have outranked the package's layers. The skill's snippet is now the Tailwind-free one 2.0.0 ends with: the foundation, then the stylesheet of each component the views render, or all.css. README.md, whose layout and prose still assume Tailwind, shows all.css in its own entry and Tailwind in a second, both opening with the layer statement, the shape the Workbench now builds; the skill and UPGRADE.md describe that interim in a sentence. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9
23 lines
1.2 KiB
CSS
23 lines
1.2 KiB
CSS
/*
|
|
* Livewire Material's Tailwind half: the theme that turns the tokens into utilities and the token
|
|
* utilities themselves (`state-layer`, `focus-ring`, `touch-target`, `link`, `type-*`), for a view
|
|
* that still writes Tailwind classes — the showcase until step 38, and an application's own views
|
|
* until it drops Tailwind. Every component stylesheet is plain CSS (plan step 36) and needs
|
|
* nothing from here. This file goes when the last Tailwind class leaves (step 39).
|
|
*
|
|
* It carries no tokens, so it builds beside the package's CSS without declaring them twice, in an
|
|
* entry of its own — `@tailwindcss/vite` inlines the imports of an entry that uses Tailwind without
|
|
* deduplicating them, so the package's stylesheets stay in another (the Workbench's package.css).
|
|
* The Workbench's Tailwind entry, like an application's:
|
|
*
|
|
* @layer properties, theme, base, material, components, utilities;
|
|
* @import 'tailwindcss' source(none);
|
|
* @import '../../../resources/css/tailwind.css';
|
|
*
|
|
* with the same layer statement at the top of the package's entry. It replaces nothing of the 1.x
|
|
* `material.css` shortcut, which is gone: the components come from `all.css` or their own files.
|
|
*/
|
|
|
|
@import './tokens/theme.css';
|
|
@import './tokens/utilities.css';
|