Important on mixin not working on embedded media queries.

[Giwayume]

This:

.mixin() {
  .classname {
    color: green;
    @media screen and(max-width: 500px) {
      color: red;
    }
  }
}
.mixin() !important;

Generates:

.classname {
  color: green !important;
}
@media screen and (max-width: 500px) {
  .classname {
    color: red;
  }
}

Shouldn't the media query have color: red !important ?

[10derloin]

+1

[henriknorberg]

+1

[Collins1892]

+1

[muli]

+1