Nested @media queries will not compile.

The only way I've found to do media queries is including separate stylesheets in the .info file, such as styles[styles/mobile.scss][options][media] = screen and (max-width:400px)

Comments

erutan’s picture

erutan commented

I remember reading this was a SASS limitation that is going to be fixed in 3.2, though I'm not absolutely certain.

tsi’s picture

tsi commented
Title: @media queries » Nested @media queries
Status: Active » Closed (won't fix)

This is probably a problem with the phamlp sass compiler, which is a separate project.
Unless it is a critical issue with a known fix, we are not able to maintain and fix bugs within the compiler, we simply don't have the time.
We are working on a feature which will allow sasson to use the original sass compiler (ruby) if it is installed, this will allow you to enjoy the latest version of sass (and compass).
I'll try to see if there's a working update for the phamlp compiler somewhere on github, but this will stay "won't fix" for now.

jimsmith’s picture

jimsmith commented

Understandable.

Still, I think this deficiency is worth noting at least here in the issue queue, and perhaps in documentation, so that other developers won't spend a lot of time as I did trying to figure out why nested @media queries don't compile.

tsi’s picture

tsi commented

Sure, more than that, if you find a fork of phamlp that works well and fixes this or other issue, we will happily commit an update.
Thanks.