📝 docs: Fix Task 6 Step 2 grep — Tailwind v4 preserves CSS-nesting
This commit is contained in:
@@ -494,18 +494,24 @@ Expected: completes with no errors.
|
|||||||
|
|
||||||
- [ ] **Step 2: Verify the team-grid CSS classes are in the built output**
|
- [ ] **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`
|
```bash
|
||||||
Expected: `1` or more (the rule is in the dist).
|
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**
|
- [ ] **Step 3: Verify the responsive grid utilities are in the built output**
|
||||||
|
|
||||||
Run: `grep -cF "sm\:grid-cols-2" static/dist/theme.css`
|
Same Windows-safe form:
|
||||||
Expected: `1` or more.
|
|
||||||
|
|
||||||
Run: `grep -cF "lg\:grid-cols-3" static/dist/theme.css`
|
```bash
|
||||||
Expected: `1` or more.
|
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**
|
- [ ] **Step 4: Commit the rebuilt dist**
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user