Error report: Extend inside directives

[vecerek]

According to the Sass language specification, the use of @extend within @media (or other CSS directives) may only extend selectors that appear within the same directive block. However, if the referenced selector by the @extend is also present in the outer scope, it fails applying the @extend rule and throws an error message.

An example SCSS code:

@media print {
  .selector { // this should be matched - it is in the same directive
    color: black;
  }
  .screenClass{
    @extend .selector;
  }
}
.selector {
  color: red;
}

The error message received:

You may not @extend an outer selector from within @media.
You may only @extend selectors within the same directive.
From "@extend .selector" on line 6.

[chriseppstein]

Duplicate of #1050