This thread looks to be a little on the old side and therefore may no longer be relevant. Please see if there is a newer thread on the subject and ensure you're using the most recent build of any software if your question regards a particular product.
This thread has been locked and is no longer accepting new posts, if you have a question regarding this topic please email us at support@mindscape.co.nz
|
Hey guys. Great product. Ran into a bug: When the CSS is minified, it collapses the whitespace in calc rules like height: -moz-calc(100% + 25px); into height:-moz-calc(100%+25px);. The whitespace inside the parentheses is significant, so the rule is invalid after its minified. Since almost all (probably all, but I'm not 100% sure) whitespace inside parentheses is significant, can you not collapse whitespace there? Thank you! |
|
|
We use the YUI compressor for minification and unfortunately this looks to be a bug with the compressor - see http://refresh-sf.com/yui/ to replicate this in isolation. Could you try to see if adding a /*!*/ comment in between the 100% the + and the 25px allows the browser to parse it correctly? (The whitespace will still be stripped but I am wondering if the comment will help the browser still break up the symbols correctly when parsing). Alternatively try the unicode character \00A0 instead of the space.
|
|
|
Make sure that you used the correct syntax of cacl. YUI compressor does it well, there is little probability that it could compress wrong. Anyway, you can look at examples here: great features for responsive web design using calc in CSS3, in order to avoid syntax mistakes. |
|