v6: docs - Update utility class names in docs and examples#42418
Open
coliff wants to merge 1 commit into
Open
Conversation
There was a problem hiding this comment.
Pull request overview
This PR updates documentation and example pages to use v6 utility class names: text-* → fg-* for text color, text-bg-* badge classes → theme-*, and clearfix → d-flow-root. The changes keep docs/examples consistent with the renamed utilities in the v6 codebase.
Changes:
- Replace
text-*color utilities withfg-*equivalents in accessibility, reboot, and cover example. - Replace
text-bg-*badge classes withtheme-*in versions page and drawer-navbar example. - Replace
clearfixwithd-flow-rootin spinner docs and columns prose.
Reviewed changes
Copilot reviewed 7 out of 7 changed files in this pull request and generated no comments.
Show a summary per file
| File | Description |
|---|---|
| site/src/pages/docs/versions.astro | Update "Latest"/"Alpha" badges to use theme-primary/theme-warning. |
| site/src/content/docs/layout/columns.mdx | Update prose to refer to d-flow-root instead of clearfix. |
| site/src/content/docs/getting-started/accessibility.mdx | Switch example text-danger → fg-danger. |
| site/src/content/docs/content/reboot.mdx | Switch text-success → fg-success in <hr> example. |
| site/src/content/docs/components/spinner.mdx | Replace clearfix with d-flow-root in floats example. |
| site/src/assets/examples/drawer-navbar/index.astro | Swap badge text-bg-light for badge theme-secondary. |
| site/src/assets/examples/cover/index.astro | Replace text-white link classes with fg-white. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
coliff
force-pushed
the
dev/coliff/v6-more-docs-example-fixes
branch
2 times, most recently
from
d219ec1 to
65139a8
Compare
Replace deprecated utility classes with the updated names across site docs and examples. Changes include switching text-* classes to fg-*, text-bg-* badge classes to theme-*, and replacing clearfix with d-flow-root. Affected files: cover and drawer-navbar examples, spinner example, reboot, accessibility, columns docs, and versions page to keep examples consistent with the new utility naming. Add btn-icon class to navbar toggler Add the btn-icon utility class to the navbar toggler button in the navbar-fixed example to apply icon button styling. This change updates site/src/assets/examples/navbar-fixed/index.astro and keeps the existing SVG toggler markup and collapse behavior unchanged.
coliff
force-pushed
the
dev/coliff/v6-more-docs-example-fixes
branch
from
47e4954 to
2c7e39c
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description / Motivation & Context
Replace deprecated utility classes with the updated names across site docs and examples. Changes include switching text-* classes to fg-, text-bg- badge classes to theme-*, and replacing clearfix with d-flow-root. Affected files: cover and drawer-navbar examples, spinner example, reboot, accessibility, columns docs, and versions page to keep examples consistent with the new utility naming.
135
Type of changes
Checklist
npm run lint)Live previews
Related issues