Element query workaround

gistfile1.scss

@mixin elementquery() {

    @media (min-width: 32.5em) { .content & { @content; } }
    @media (min-width: 90em) { .aside & { @content; } }

}


.schedule-component {

  @include elementquery() {
    color: pink;
  }

}


// Output:

@media (min-width: 32.5em) {
  .content .schedule-component {
    color: pink;
  }
}
@media (min-width: 90em) {
  .aside .schedule-component {
    color: pink;
  }
}

Why would the aside .schedule-component need to be in it's own media query? At lower than 90em does it need to be the full version of the schedule?

Now I see what you mean by passing multiple values through. Check out https://gist.github.com/micahgodbolt/5851228