If two nested media queries are formulated with the screen-parameter, the resulting media query is invalid

[mmanneva]

Hi,

a structure like this:

@media screen and (min-width: 640px) {
    @media screen and(min-width: 1280px) {
        font-size: 80px;
    }
}

generates css-code like this:

@media screen and (min-width: 640px) and screen and (min-width: 1280px) {
    font-size: 80px;
}

In our scenario we use mixins for font sizes, and the code surrounding it uses media queries to control the layout, which resulted in the above situation. We worked around it by dropping the screen-criteria in the mixins, but that might not be applicable everywhere.

(Our lessc version is 1.7.0.)

[seven-phases-max]

See #1508, #1573.

[seven-phases-max]

Closing as duplicate of #1508.

[mmanneva]

Ok, thanks!