Skip to content

Commit bb62842

Browse files
committed
docs: update §6.8 bangtastic migration log to use .bleed-full class name
1 parent ef4863b commit bb62842

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

specs/pico-migration.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -823,9 +823,9 @@ nimble buttons have `border: 1px solid` on all four sides. When buttons are laid
823823
| `package.json` | `@picocss/pico 2.0.3``@leftium/nimble.css ^0.7.0` |
824824
| `pnpm-lock.yaml` | Lockfile update |
825825
| `src/lib/css/app.scss` | `@use '@picocss/pico/scss/pico' with ($parent-selector: '.pico', $theme-color: 'blue')``@use '@leftium/nimble.css/scss' with ($primary-hue: 250)` |
826-
| `src/routes/+page.svelte` | `class="pico container-fluid" role="none"``class="fluid full-bleed"` |
827-
| `src/routes/bangs/+page.svelte` | `class="table scroll-y vincjo-datatables" style="max-width:auto"``class="no-nimble full-bleed table scroll-y vincjo-datatables"` |
828-
| `src/routes/bangs/sources/+page.svelte` | `class="pico container-fluid"``class="fluid full-bleed"` |
826+
| `src/routes/+page.svelte` | `class="pico container-fluid" role="none"``class="fluid bleed-full"` |
827+
| `src/routes/bangs/+page.svelte` | `class="table scroll-y vincjo-datatables" style="max-width:auto"``class="no-nimble bleed-full table scroll-y vincjo-datatables"` |
828+
| `src/routes/bangs/sources/+page.svelte` | `class="pico container-fluid"``class="fluid bleed-full"` |
829829

830830
**Issues encountered:**
831831

@@ -836,7 +836,7 @@ nimble buttons have `border: 1px solid` on all four sides. When buttons are laid
836836
3. **`revert-layer` rejected during prototyping** — Before implementing `@scope`, `all: revert-layer` was tested on the datatable wrapper. It was either too aggressive (reverted grid/flex properties, breaking the datatable's own layout) or too selective (per-property revert lost specificity battles with the datatable's scoped styles). `@scope` cleanly prevents nimble's styles from entering the subtree without affecting the component's own styles.
837837

838838
**Issues NOT encountered:**
839-
- Layout utilities (`.fluid`, `.full-bleed`) work correctly on `.no-nimble` elements — they're global
839+
- Layout utilities (`.fluid`, `.bleed-full`) work correctly on `.no-nimble` elements — they're global
840840
- All three routes (`/`, `/bangs`, `/bangs/sources`) render correctly
841841
- No SvelteKit `display: contents` issue (handled automatically)
842842
- Dark mode works automatically

0 commit comments

Comments
 (0)