Mixins do not work within media queries

[simonsmith]

Hi,

This works as expected:

.test {
    color: #000;
}

.hello {
    .test;
}

However this:

@media only screen and (min-width: 42em) {
    .test {
        color: #000;
    }
}

.hello {
    .test;
}

does not.

Any thoughts?

Thanks!

[blowsie]

I ran into this issue a while back, I ended up flipping the code to accomodate for it.

.tablet {
    .hello{
        .test {
           color: #000;
        }
    }
}
@media only screen and (min-width: 42em) {
  .tablet;
}