Purge theme (tailwind, in my case)

[Andrea Bioli]

Tailwind CSS library is built to be 'purged', meaning that you can easily include in your css app style only the styles really used in the application.

Since the Syncfusion Blazor themes (I'm looking in particular at the tailwind one) are really huge, did anyone try to create the process for purging it, ideally similar to the original tailwind easy one?

Thank you all.

[Rajendran R]

Hi Customer,

We are providing theme studio applications to customize and generate styles for specific components instead of using enormous CSS files.

https://blazor.syncfusion.com/documentation/appearance/theme-studio

Currently, we are providing Tailwind theme for our Syncfusion Blazor components by defining styles for each component based on original tailwind styles. We documented to customize each UI elements in a component under “Style and Appearance” section. For example,

Styles and Appearances in Blazor ListBox Component | Syncfusion

Already, we have considered a feature to restructure the CSS to customize simply like Original Tailwind did.

CSS style architecture improvements for the Blazor components in Blazor | Feedback Portal (syncfusion.com)

Regards,

Rajendran R.

[Andrea Bioli]

I tried, just for an example, to generate a tailwind css for just the dropdown component (not exactly a 'giant' thing, I suppose...), and the resulting, minimized, css, is a huge 461KB! True, there's compression, and everything, but not exactly a lightweight.

I'm not complaining at all, of course: you made a really great job in everything... this is just a suggestion on where to try to improve, if possible! :-)

Thanks for your answer! :-)

AB

[Gokulraj Varatharajan]

Hi Andrea, 

Sorry for the delay caused. 

We have examined your request for the CSS files, and we discovered that the files will be slightly larger due to containing of all dependent styles. However, your request has been considered at our end as a feature. So, we will be optimizing our styles and the feature will be included in any of our upcoming releases. Please keep track of the progress through the feedback link above. 

Feedback: https://www.syncfusion.com/feedback/33070/need-to-optimize-the-styles-in-min-css-files-from-theme-studio 

 

Please get back to us if you have any queries. 

Regards, 

Gokul