-
-
Notifications
You must be signed in to change notification settings - Fork 6.5k
chore: synchronizing styles with the new version of prettier-plugin-tailwindcss #8344
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
chore: synchronizing styles with the new version of prettier-plugin-tailwindcss #8344
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## main #8344 +/- ##
=======================================
Coverage 76.76% 76.76%
=======================================
Files 118 118
Lines 9822 9822
Branches 335 335
=======================================
Hits 7540 7540
Misses 2280 2280
Partials 2 2 ☔ View full report in Codecov by Sentry. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR reorganizes Tailwind CSS utility classes across multiple files to follow a consistent ordering convention. The reordering improves code maintainability and follows standard CSS property grouping patterns (positioning, display, spacing, sizing, typography, etc.).
- Reorders CSS utility classes within
@applydirectives to follow a logical grouping pattern - Moves positioning properties (absolute, top, left, right, bottom) before other properties
- Groups related properties together (e.g., borders, spacing, typography)
- Ensures consistent ordering across all component styles
Reviewed Changes
Copilot reviewed 20 out of 20 changed files in this pull request and generated no comments.
Show a summary per file
| File | Description |
|---|---|
| packages/ui-components/src/styles/markdown.css | Reorders utilities in list, table, and responsive table styles |
| packages/ui-components/src/Providers/NotificationProvider/index.module.css | Reorders positioning utilities in viewport |
| packages/ui-components/src/Containers/Sidebar/SidebarGroup/index.module.css | Reorders pseudo-element positioning utilities |
| packages/ui-components/src/Containers/Article/index.module.css | Reorders spacing and border utilities |
| packages/ui-components/src/Common/Tabs/index.module.css | Reorders typography and border utilities |
| packages/ui-components/src/Common/Skeleton/index.module.css | Reorders animation and interaction utilities |
| packages/ui-components/src/Common/Preview/index.module.css | Reorders container queries and base utilities |
| packages/ui-components/src/Common/Modal/index.module.css | Reorders positioning and focus utilities |
| packages/ui-components/src/Common/LanguageDropDown/index.module.css | Reorders interaction utilities |
| packages/ui-components/src/Common/GlowingBackdrop/index.module.css | Reorders positioning utilities |
| packages/ui-components/src/Common/ChangeHistory/index.module.css | Reorders interaction and positioning utilities |
| packages/ui-components/src/Common/BasePagination/PaginationListItem/index.module.css | Reorders state-based utilities |
| packages/ui-components/src/Common/BaseCodeBox/index.module.css | Reorders pseudo-element utilities |
| packages/ui-components/src/Common/BaseButton/index.module.css | Reorders button variant utilities |
| packages/ui-components/src/Common/BadgeGroup/index.module.css | Reorders spacing utilities |
| packages/ui-components/src/Common/Badge/index.module.css | Reorders typography utilities |
| apps/site/styles/locales.css | Reorders text utilities |
| apps/site/components/Downloads/Release/ReleaseCodeBox.tsx | Reorders spacing utilities in className |
| apps/site/components/Common/Turtle/index.module.css | Reorders pseudo-element utilities |
| apps/site/components/Blog/BlogPostCard/index.module.css | Reorders spacing utilities |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Description
It seems that the sorting algorithm has been updated in version
0.7.1ofprettier-plugin-tailwindcss.With this PR, aim to prevent unnecessary style changes in future PRs by aligning with the updated version
Validation
Prettier should works successfully for changed files
Check List
pnpm formatto ensure the code follows the style guide.pnpm testto check if all tests are passing.pnpm buildto check if the website builds without errors.