Optimizing Themes Support

[pmeinhardt]

Hey, maybe there already is a way of doing this, but maybe this is a point that could make Sencha Touch even better:

Currently, if you want to optimize your app's theme CSS, removing unused styles, what you'll have to do is throw out components that you do not use manually. Something like Ext.Loader and a compile step though would be great for optimizing the CSS too. The Web-Inspector already allows to detect unused styles, but it doesn't handle dynamic pages very well. Anyone an idea?

Hoping for comments.

Best regards,
Paul

[mitchellsimoens]

Pretty much each component has it's own file that in your app.scss you only have to @import what you are using.

[pmeinhardt]

Yup, that's exactly what I'm doing at the moment. There's still a bunch of unused styles though and to achieve a smaller CSS size, a half-automated step could be a cool addition to the Sencha Touch Tools.