Processing large CSS files

[Ian Jepp]

Hi all,

As we know IE (Internet Explorer) has some issues processing CSS files with many styles, as can be seen in this post.

http://www.telerik.com/blogs/internet-explorer-css-limits

In the node world. there are tools such as Bless (http://blesscss.com/) which will allow CSS files to be split up, keeping IE happily within its limits.

I am working on a project at the moment where we are hitting the limits.  The front end developer is using Node/Bless to split the file, but I would like to build the code using Sqishit rather than Node.

Does anyone know of a way to make Squishit process the output in a similar way to bless to keep the result within the IE limits?

Thanks

Ian

[Alex Ullrich]

This is interesting.  There is nothing in place currently but I don't see why it couldn't be done.  When debugging we already emit tags for multiple files at once so that is certainly doable, and it sounds like you are trying to chop up your files based on number of styles not output file size (correct me if I'm wrong) - meaning we could chop the file up pre-minification.

I don't think the effort involved in this would be trivial, but don't think it would be huge either (famous last words).

[Ian Jepp]

Hi Alex,

Thanks for the update.  I think for this project (and its timeline) then I will need to skip squishit unfortunately (well for these CSS files anyway).  Maybe this is something which could be added to wishlist?

Thanks

[Alex Ullrich]

Its definitely doable, I'm just not sure if there'd be any demand for it with ie9 fading away.

Wondering if there's a way this could be done with a custom renderer.