From cb883ca8690b709a759178c2aaac2f93b95b93f9 Mon Sep 17 00:00:00 2001 From: Keith Solomon Date: Sat, 25 Jul 2026 13:32:31 -0500 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20docs:=20Fix=20Task=206=20Step=20?= =?UTF-8?q?2=20grep=20=E2=80=94=20Tailwind=20v4=20preserves=20CSS-nesting?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../plans/2026-07-25-team-grid-block.md | 20 ++++++++++++------- 1 file changed, 13 insertions(+), 7 deletions(-) diff --git a/docs/superpowers/plans/2026-07-25-team-grid-block.md b/docs/superpowers/plans/2026-07-25-team-grid-block.md index afaeea9..f147dbc 100644 --- a/docs/superpowers/plans/2026-07-25-team-grid-block.md +++ b/docs/superpowers/plans/2026-07-25-team-grid-block.md @@ -494,18 +494,24 @@ Expected: completes with no errors. - [ ] **Step 2: Verify the team-grid CSS classes are in the built output** -Tailwind v4 unwraps CSS-nesting `&__name` into `__name.team-grid`. Use fixed-string search (Windows-safe): +Tailwind v4 with `--optimize` **preserves** CSS-nesting rather than unwrapping `&__name` into `__name.team-grid`. Use fixed-string search (Windows-safe) that matches the preserved form: -Run: `grep -cF "__name.team-grid" static/dist/theme.css` -Expected: `1` or more (the rule is in the dist). +```bash +grep -cF "&__name" static/dist/theme.css +``` + +Expected: `1` or more (the `&__name` rule is nested inside `.team-grid { ... }` in the dist). - [ ] **Step 3: Verify the responsive grid utilities are in the built output** -Run: `grep -cF "sm\:grid-cols-2" static/dist/theme.css` -Expected: `1` or more. +Same Windows-safe form: -Run: `grep -cF "lg\:grid-cols-3" static/dist/theme.css` -Expected: `1` or more. +```bash +grep -cF "sm\:grid-cols-2" static/dist/theme.css +grep -cF "lg\:grid-cols-3" static/dist/theme.css +``` + +Expected: each returns `1` or more. - [ ] **Step 4: Commit the rebuilt dist**