Skip to content

chore: add tailwindStylesheet pointer, deprecate .eslintignore#18029

Merged
pettinarip merged 2 commits into
devfrom
prettier-tailwind-eslint
Apr 24, 2026
Merged

chore: add tailwindStylesheet pointer, deprecate .eslintignore#18029
pettinarip merged 2 commits into
devfrom
prettier-tailwind-eslint

Conversation

@myelinated-wackerow
Copy link
Copy Markdown
Collaborator

Description

  • Adds tailwindStylesheet pointer to .prettierrc -- Fixes canonical prettier formatting with known Tailwind configuration/theming
  • Deprecates .eslintignore; already replaced by ignorePatterns in .eslintrc

Related Issue

Repo .prettierrc is missing the tailwindStylesheet option, which the plugin's own README calls out as required for Tailwind v4:

"When using Tailwind CSS v4 you must specify your CSS file entry point, which includes your theme, custom utilities, and other Tailwind configuration options."

In v3 the plugin auto-discovered tailwind.config.js. In v4's CSS-first world there's no JS config — so without the pointer, the plugin doesn't know about:

  • repo @theme tokens (src/styles/theme.css)
  • repos many @utility declarations (bg-gradient-main, grid-cols-bento, the whole z-* set, etc. in src/styles/utilities.css)
  • repos @custom-variant dark in src/styles/global.css

Unknown utilities get sorted to the end in a less stable way, and everything else around them can shift.

myelinated-wackerow and others added 2 commits April 23, 2026 13:03
Co-Authored-By: wackerow <54227730+wackerow@users.noreply.github.com>
Co-Authored-By: wackerow <54227730+wackerow@users.noreply.github.com>
@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 23, 2026

Deploy Preview for ethereumorg ready!

Name Link
🔨 Latest commit 4f988eb
🔍 Latest deploy log https://app.netlify.com/projects/ethereumorg/deploys/69ea7bd9df09d30008de69ce
😎 Deploy Preview https://deploy-preview-18029.ethereum.it
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
7 paths audited
Performance: 54 (🔴 down 4 from production)
Accessibility: 93 (no change from production)
Best Practices: 100 (no change from production)
SEO: 98 (🔴 down 1 from production)
PWA: 59 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions github-actions Bot added the config ⚙️ Changes to configuration files label Apr 23, 2026
@pettinarip pettinarip merged commit bc3cd6c into dev Apr 24, 2026
11 checks passed
@pettinarip pettinarip deleted the prettier-tailwind-eslint branch April 24, 2026 11:39
pull Bot pushed a commit to Mirage1348/ethereum-org-website that referenced this pull request Apr 27, 2026
PR ethereum#18038 ran prettier on a branch based on dev *before* PR ethereum#18029
landed, so .prettierrc didn't yet have `tailwindStylesheet:
./src/styles/global.css`. Without it, prettier-plugin-tailwindcss
couldn't see the project's Tailwind v4 `@utility` definitions in
src/styles/utilities.css and sorted them as unknown classes (head of
the className string) instead of in their proper category position.

Now that the merged config includes `tailwindStylesheet`, re-running
`pnpm format` reorders custom utilities (e.g. bg-card-gradient-secondary,
bg-background, text-body-medium, border-accent-*) into the correct slot.
@wackerow wackerow mentioned this pull request May 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

config ⚙️ Changes to configuration files

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants