Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Issue with interpolation #2000

Closed
VPenkov opened this issue Apr 15, 2016 · 2 comments
Closed

Issue with interpolation #2000

VPenkov opened this issue Apr 15, 2016 · 2 comments

Comments

@VPenkov
Copy link

VPenkov commented Apr 15, 2016

I have

.m__exhibit-header--medium {
    @extend #{&}--plain;
    &--plain {
        font-size: 1em;
    }
}

I'm getting

>> Error: "%m__exhibit-header--medium" failed to @extend "--plain".
>>        The selector "--plain" was not found.
>>        Use "@extend --plain !optional" if the extend should be able to fail.
>>         on line 57 of ../path/to/file/_m.exhibit.scss
>> >>     @extend #{&}--plain;
>>    -----------^
Warning:  Use --force to continue.

Aborted due to warnings.
@xzyfer
Copy link
Contributor

xzyfer commented Apr 15, 2016

I'm not sure this is valid Sass. Please confirm by trying it with Ruby Sass
in sassmeister.com
On 15 Apr 2016 6:04 PM, "VPenkov" notifications@github.com wrote:

I have

%m__exhibit-header--medium {
@extend %q__font__exhibit-header;
@extend #{&}--plain;
&--plain {
@extend %q__font--uppercase;
font-size: $b__headers__header--size;
}
}

I'm getting

Error: "%m__exhibit-header--medium" failed to @extend "--plain".
The selector "--plain" was not found.
Use "@extend --plain !optional" if the extend should be able to fail.
on line 57 of ../path/to/file/_m.exhibit.scss

@extend #{&}--plain;

-----------^
Warning: Use --force to continue.

Aborted due to warnings.


You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub
#2000

@VPenkov
Copy link
Author

VPenkov commented Apr 15, 2016

I'm trying to migrate from Ruby Sass which works.

Here, try this in sassmeister:

.m__exhibit-header--medium {
    @extend #{&}--plain; //Inception!!

    &--plain {
        font-size: 1em;
    }
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants