@extend outer selector from within @media should error via @content

[bra-kodairakenya]

Note: this sample should error but does not so currently:

%btnBase {
  display: none;
}

@mixin mobile {
  @media only screen and (min-width:300px) {
    @content;
  }
}

@include mobile {
  a {
    @extend %btnBase;
  }
}

Sorry!!!
I have poor English.

Look so described the problem under.

%btnBase {
  display: none;
}

// Scope error
@media only screen and (min-width:300px) {
  a {
    @extend %btnBase;
  }
}

@mixin mobile {
  @media only screen and (min-width:300px) {
    @content;
  }
}

// Why Success??
@include mobile {
  a {
    @extend %btnBase;
  }
}

[xzyfer]

This should error. The success is a bug. You can't @extend %foo inside
@media if %foo is defined outside the @media.
On Feb 19, 2016 2:33 PM, "kenyanke" [email protected] wrote:

Sorry!!!
I have poor English.

Look so described the problem under.

%btnBase {
display: none;
}

// Scope error
@media only screen and (min-width:300px) {
a {
@extend %btnBase;
}
}

@mixin mobile {
@media only screen and (min-width:300px) {
@content;
}
}

// Why Success??
@include mobile {
a {
@extend %btnBase;
}
}

—
Reply to this email directly or view it on GitHub
#1923.

[bra-kodairakenya]

@xzyfer
Thanks!
I know, right.

However , this program would succeed.

%btnBase {
  display: none;
}

@mixin mobile {
  @media only screen and (min-width:300px) {
    @content;
  }
}

@include mobile {
  a {
    @extend %btnBase;
  }
}

I want you to try to reproduce how.

[mgreter]

Closing since I simply don't know what the expected result for the second example should be: @kenyakodaira please provide a concise input example and the expected output. Feel free to re-open once you have provided the requested standalone input example and its expected output. Thanks!

[chriseppstein]

@mgreter the example above errors in ruby sass but succeeds in libsass. The expected result is an error message is something like:

Error: You may not @extend an outer selector from within @media.
       You may only @extend selectors within the same directive.
       From "@extend %btnBase" on line 13.
        on line 1 of standard input

[bra-kodairakenya]

@chriseppstein
I have also wants the same result.

[mgreter]

Pretty sure that this is closely related to #1927