[FlORA-102] Simplify the CSS stack (by removing TailwindCSS) - Githubissues

flora-pm / flora-server

A package index for the Haskell ecosystem

https://flora.pm/about

Other

125 stars 38 forks source link

[FlORA-102] Simplify the CSS stack (by removing TailwindCSS) #589

Closed TixieSalander closed 3 weeks ago

TixieSalander commented 3 weeks ago

Proposed changes

Replace TailwindCSS by PostCSS plugins:

Addition of postcss-design-token-utils to be able to generate variables and utility classes from config files
Addition of postcss-custom-media to be able tu use variable inside media queries (to centralize the responsive breaking in one place) since it's currently not natively supported by browsers
Removing all TailwindCSS code and CSS variables usage

Contributor checklist

[x] My PR is related to #102
[x] I have read and understood the CONTRIBUTING guide
[ ] I have inserted my change and a link to this PR in the CHANGELOG
[x] ~~I have updated documentation in ./docs/docs if a public feature has a behaviour change~~ Not needed