Nested media queries are malformed

[ryan-alan]

When media queries are nested in parent selectors, the resulting code is malformed and breaks pre-processed style sheets. See below.

/* original */

.test1 {
    width: 100%;
    color: red;

    @media screen and (min-width: 768px) {
        color: blue;
    }
}

/* alphabetized - does not work correctly with nested media queries */

.test1 {
    color: red;
    min-width: 768px) {
        color: blue;
    }
    width: 100%;
    
    @media screen and (
}

/* original */

.test2 {
    width: 100%;
    color: red;
}

@media screen and (min-width: 768px) {
    .test2 {
        color: blue;
    }
}

/* alphabetized - works fine with separate media queries */

.test2 {
    color: red;
    width: 100%;
}

@media screen and (min-width: 768px) {
    
    .test2 {
        color: blue;
    }
}

[mattkenefick]

Ack. I'll look into.

[mattkenefick]

Should be resolved in 0.3.0

[ryan-alan]

Thank you, thank you!