@mixin foo() {
  @media (mix-width: 100px) {
    @extend %bar;
  }
}

foo {
  @media (mix-width: 100px) {
    %bar {
      foo: bar;
    }
  }

  @include foo;
}