middleman/middleman — Issue #254: CssMin incorrectly handles media queries
Author: allan-farrell
Created: 2012-01-31 13:36:50+00:00
State: open

When using middleman with Zurb Foundation I noticed that media queries stopped working in production. Looks like cssmin doesn't handle media queries very well:

this valid css:

@media handheld, only screen and (device-width: 768px), (device-width: 800px)

will get turned into this invalid css:

@media handheld, only screen and(device-width: 768px), (device-width: 800px)

Note the missing space between 'and' and the '(' in the second version. The regexps need tweaking ? I'm running middleman 3.0.0.beta.1 which is otherwise great!