Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

%component {
  background: red;
  &-sub {
    background: orange;
  }
}

@mixin component {
  background: red;
  &-sub {
    background: orange;
  }
}

// negeneruje .Component1-sub
.Component1 {
  @extend %component;
}

// generuje .Component2-sub
.Component2 {
  @include component;
}

SassMeister-output.css

.Component1 {
  background: red;
}
.Component2 {
  background: red;
}
.Component2-sub {
  background: orange;
}