Omeka 4.1 and size of CSS

While testing out Omeka 4.1 with the Foundation theme I’ve noticed that the size of the CSS files has grown substantially. In 4.04 the Seafoam version of Foundation had a CSS size of about 400K. In 4.1 its now over 2Mb.

The main culprit seems to be many, very large sets of styles associated with .button.

2Mb seems a bit excessive for a CSS file. Is there anything I can do to reduce the size?

*Update. I’m not sure, but this may be related to the $foundation-palette colours defined in the globals… files. It looks like the set of .button definitions are repeated for each colour. Reducing the number of colours significantly reduces the size of the CSS file.

Thanks for pointing this out. I’ve just made an issue for addressing this, and I’ll also update here once I’ve made progress.

We’ve just released Foundation v1.4.1, which includes significantly reduced compiled css, around 200kb per stylesheet.

That’s great, thanks for letting me know