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

Parent selector interpolation in @extend #1503

Closed
garetht opened this issue Nov 1, 2014 · 1 comment
Closed

Parent selector interpolation in @extend #1503

garetht opened this issue Nov 1, 2014 · 1 comment

Comments

@garetht
Copy link

garetht commented Nov 1, 2014

When attempting to reference the parent selector from within an extended placeholder, attempting to access its value through interpolation does not work:

%foo {
  height: 20px;
  &.baz {
    width: 20px;
  }
  @at-root #{&}-baz {
    width: 20px;
  }
}

.bar {
  @extend %foo;
}

produces (in 3.4.7)

.bar {
  height: 20px;
}
.baz.bar {
  width: 20px;
}

It seems the parent selector works fine to produce .baz.bar, but unexpectedly the rule .bar-baz is missing.

@nex3
Copy link
Contributor

nex3 commented Nov 1, 2014

Duplicate of #1455.

@nex3 nex3 closed this as completed Nov 1, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants