uncss VS csso

Check out: https://github.com/uncss/uncss

I've only used it once but it did the job (NOTE: Plain HTML, plain CSS, no build pipeline. So YMMV)

PurgeCSS analyzes your HTML and internally keeps track of which selectors are being used or not. PurgeCSS actually analyzes other types of files besides HTML for selectors, such as template files and JavaScript. This feature is what makes PurgeCSS different from a similar solution, UnCSS, and related to a 'predecessor' solution called PurifyCSS. More on both of those later on.

In the process of trying to figure out how to remove the unused code, I found out about UnCSS, a tool that removes unused CSS from your stylesheets. It can be installed by running:

Also UnCSS.

https://github.com/uncss/uncss https://shorturl.at/yzSVX https://uncss-online.com/

I may have skipped a step or 2 but that was basically it. I then used satcss' output with this tool

https://css.github.io/csso/csso.html

to beautify and further organize it

Not a ST plugin itself but I've used it for years: link

👉 Optimize your CSS with CSSO 🔗 link

I use an antiquity to compress CSS (Microsoft Ajax Minifier) and it didn't hold up against CSS variables :( So for now, I went to the first comer, namely CSSO, via its csso-cli version to do the job.