@media (min-width: 100px) {
  .parent > %child {
    color: blue;
  }
}

.foo {
  @extend %child;
}