Packages fxa-settings, fxa-react, and fxa-admin-panel (and eventually others) use PostCSS to compile Tailwind. Currently it only builds prior to re/starting each service and compiling Storybook, which means you need to manually recompile when changes to anything Tailwind are made. It can be cumbersome.
To close this, each package that uses PostCSS should support watching its primary Tailwind CSS file, component SCSS files (including from external components?), and the Tailwind config file (including external base config?) and recompile PostCSS when changes are detected.
┆Issue is synchronized with this Jira Task
┆Issue Number: FXA-2025
This should watch tailwind.css, tailwind.js, and any SCSS files within a package. fxa-settings has a few .scss files in there that are imported by tailwind.css.
Packages fxa-settings, fxa-react, and fxa-admin-panel (and eventually others) use PostCSS to compile Tailwind. Currently it only builds prior to re/starting each service and compiling Storybook, which means you need to manually recompile when changes to anything Tailwind are made. It can be cumbersome.
To close this, each package that uses PostCSS should support watching its primary Tailwind CSS file, component SCSS files (including from external components?), and the Tailwind config file (including external base config?) and recompile PostCSS when changes are detected.
┆Issue is synchronized with this Jira Task ┆Issue Number: FXA-2025