Skip to content

Upgraded packages to use tailwindcss 3#204

Merged
josemarluedke merged 13 commits into
josemarluedke:mainfrom
eugenioenko:feat/tailwind_version_upgrade
Mar 23, 2022
Merged

Upgraded packages to use tailwindcss 3#204
josemarluedke merged 13 commits into
josemarluedke:mainfrom
eugenioenko:feat/tailwind_version_upgrade

Conversation

@eugenioenko

@eugenioenko eugenioenko commented Mar 22, 2022

Copy link
Copy Markdown
  • Upgraded talwindcss to v3
  • Updated visuallyHidden component to use sr-only class
  • removed purgecss
  • updated talwind.config.js to include [content]

Breaking Change

The core pkg no longer ships the visually-hidden and js-focus-visible styles. These were previous provided by an css file that Ember CLI would import into your vendor file. These styles are now provided by @frontile/core tailwind plugin.

You also will need to add to your tailwind safelist the following new rules:

{ pattern: /^js-focus-visible/ },
{ pattern: /^sr-only/ },

You can remove the following:

{ pattern: /^visually-hidden/ },

@eugenioenko

Copy link
Copy Markdown
Author

I'm still getting this warning even thought technically content: is set
image

@eugenioenko eugenioenko marked this pull request as ready for review March 23, 2022 02:20
Comment thread site/app/config/tailwind.config.js
Comment thread docs/installation.md
@josemarluedke josemarluedke merged commit 6981407 into josemarluedke:main Mar 23, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants