Solo-Web-Works/CWC
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

📝 docs: Fix Task 6 Step 2 grep — Tailwind v4 preserves CSS-nesting

Browse Source
This commit is contained in:
Keith Solomon
2026-07-25 13:32:58 -05:00
parent 3c786ee9d9
commit cb883ca869
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/superpowers/plans/2026-07-25-team-grid-block.md
+13 -7
View File
@@ -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**