Skip to content

Use Tailwind 3.0#515

Merged
david-crespo merged 8 commits intomainfrom
tailwind-3.0
Nov 17, 2021
Merged

Use Tailwind 3.0#515
david-crespo merged 8 commits intomainfrom
tailwind-3.0

Conversation

@david-crespo
Copy link
Copy Markdown
Collaborator

I mostly want this so we can use stroke-<color> (TW PR), but regardless it's a small change for us and 3.0 proper will be out soon.

Only minor changes to variant order were required. I made an issue about that (tailwindlabs/tailwindcss#6016), which I then figured out was a dupe of tailwindlabs/tailwindcss#6016, which is fixed in tailwindlabs/tailwindcss#6018, which will be in the next alpha.

@vercel
Copy link
Copy Markdown

vercel Bot commented Nov 16, 2021

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/oxidecomputer/console-ui-storybook/8EANEQDMhaH5PtrkJEEnobSXKK48
✅ Preview: https://console-ui-storybook-git-tailwind-30-oxidecomputer.vercel.app

@github-actions
Copy link
Copy Markdown
Contributor

Preview will be deployed at https://console-git-tailwind-3.0.internal.oxide.computer

Comment thread tailwind.config.js
* TODO: This isn't respected, need an upstream fix.
* @see https://github.com/tailwindlabs/tailwindcss/issues/3949
*/
variantOrder: ['children', ...defaultConfig.variantOrder, 'svg'],
Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@zephraph I think this isn't needed anymore but let me know

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If it's working, it's not needed 😄. I mean, this never did anything to begin with due to the upstream bug.

Comment thread tailwind.config.js Outdated
}),
childrenPlugin,
plugin(({ addVariant }) => addVariant('svg', '& > svg')),
plugin(({ addVariant }) => addVariant('children', '& > *')),
Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@david-crespo
Copy link
Copy Markdown
Collaborator Author

The deploy is failing because there's a . in the branch name, but I don't want to redo the PR with a new branch. I went through all the pages and compared side by side with prod. The variant order things fix the only differences I found.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants