fxa/packages/fxa-react/configs
Valerie Pomerleau e9cded0ba7
feat(tailwind): Update Tailwind config for Tailwind v3
Because:

- Tailwind v3 provides more classes by default, so many custom variations included in our Tailwind config are no longer needed.
- Tailwind v3 enables JIT engine by default, and purges all unused utilites from the css build. While this reduces file size, it also becomes difficult to debug styling with browser dev tools.

This commit:

- Removes custom variations in fxa-react's tailwind.js when they are included by default in Tailwind v3.
- Removes custom variations that are no longer in use in fxa packages.
- Updates bento menu component to use default TW inset class.
- Tested build-css to ensure output css compiles with no errors.
- Does not remove fontSize definitions even though provided by Tailwind v3, as explicit declaration is currently needed for fxa-settings's design guide.
- Safelist all tailwind patterns in dev mode to enable in-browser styling with tailwind utilities.

Closes #FXA-5448, FXA-6235
2022-11-30 10:59:02 -08:00
..
rescripts.js chore(deps): update react-scripts to v4 2021-05-05 11:32:50 -07:00
storybooks.js feat(payments): update PaymentForm storybook 2022-11-23 11:54:47 -05:00
tailwind.js feat(tailwind): Update Tailwind config for Tailwind v3 2022-11-30 10:59:02 -08:00