Delete Tailwind's half and build the Workbench without it
Plan step 39 (parts 1-3, folded into one commit: PHP tests read the deleted files directly, so they cannot land apart from it). Tailwind leaves the whole stack: - Delete resources/css/tailwind.css, tokens/theme.css and tokens/utilities.css. Neither token file declared an --md-sys-* custom property of its own (both only referenced tokens declared elsewhere), so nothing loses a value; the md-* interaction and text classes already mirror utilities.css's declarations exactly (foundation/interaction.css, text.css). - npm uninstall tailwindcss @tailwindcss/vite; vite.config.js drops the plugin and its import; composer.json drops the tailwindcss keyword (no lock change — keywords are outside Composer's content hash). - The Workbench now builds one CSS entry, workbench/resources/css/app.css (all.css, showcase.css and the scheme; package.css is folded in and removed) instead of two, used by ErrorPage::assets() and every browser-test probe page's raw @vite() call; the showcase's own pages still take their CSS from the bundle route. - TokensTest and StylesheetsTest: the two facts theme.css and utilities.css carried (every scheme role becomes a colour, resolved on the element; md-type-* matches the type-* utilities) are asserted directly against the scheme and text.css now that there is no second copy to cross-check; StylesheetsTest gained a full-tree scan (every .css file under resources/css/ is reached from all.css or showcase.css, no exclusions left for Tailwind); the Workbench-entry test and every "moved out of tailwind.css" assertion updated for the single entry and its removal. - DesignGuard.php's comments and the development skill's setup section no longer name the deleted files or a second Tailwind entry. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9
This commit is contained in:
co-authored by
Claude Sonnet 5
parent
cfc57a9867
commit
f21943746e
@@ -10,9 +10,9 @@ use Symfony\Component\Finder\Finder;
|
||||
* Finds what compiles to nothing and fails silently: maryUI tags, daisyUI classes, colours the
|
||||
* theme does not declare, icon names that are not Material Symbols, Tailwind's breakpoint
|
||||
* prefixes and the radius, shadow, type-size, weight, leading, tracking, easing and duration
|
||||
* scales that tokens/theme.css clears for M3's own, and colours written as a literal value
|
||||
* instead of a role — plus whatever an application bans on top (roles its own design rules
|
||||
* leave out, the two absolutes, opacity used as emphasis, patterns it has retired).
|
||||
* scales M3's own sets replace, and colours written as a literal value instead of a role — plus
|
||||
* whatever an application bans on top (roles its own design rules leave out, the two absolutes,
|
||||
* opacity used as emphasis, patterns it has retired).
|
||||
*
|
||||
* expect(DesignGuard::scan([resource_path('views'), resource_path('js'), app_path()])
|
||||
* ->forbidColours(['tertiary', 'primary-container'])
|
||||
@@ -52,10 +52,10 @@ class DesignGuard
|
||||
protected const string OPACITY_INK = '/(?<![\w-])(?:bg|text|border(?:-[trblxyse])?)-[a-z][a-z\d-]*\/\d{1,3}(?![\w-])/';
|
||||
|
||||
/**
|
||||
* Tailwind's breakpoint prefixes, cleared by tokens/theme.css, and the M3 window size class
|
||||
* that replaces each. Tailwind's 640/768/1024/1280/1536 are 40–88 px from M3's 600/840/1200/
|
||||
* 1600, so a prefix maps to the class that carries the same intent, never to the same pixel:
|
||||
* both of its phone breakpoints are M3's medium.
|
||||
* Tailwind's breakpoint prefixes and the M3 window size class that replaces each. Tailwind's
|
||||
* 640/768/1024/1280/1536 are 40–88 px from M3's 600/840/1200/1600, so a prefix maps to the
|
||||
* class that carries the same intent, never to the same pixel: both of its phone breakpoints
|
||||
* are M3's medium.
|
||||
*/
|
||||
protected const array WINDOW_CLASSES = [
|
||||
'sm' => 'medium',
|
||||
@@ -293,7 +293,7 @@ class DesignGuard
|
||||
|
||||
/**
|
||||
* The radius, shadow, type-size, weight, leading, tracking, easing and duration utilities
|
||||
* Tailwind ships and tokens/theme.css clears.
|
||||
* Tailwind ships and M3's own scales replace.
|
||||
*
|
||||
* @return list<string>
|
||||
*/
|
||||
|
||||
Reference in New Issue
Block a user