Skip to content

Extending self can lead to non-semanticly different output #2053

@mgreter

Description

@mgreter
.foo[disabled] {
    @extend .foo;
    background: blue;
}
.bar[disabled] {
  foo {
    @extend .bar;
    background: blue;
  }
}
foo {
  .baz[disabled] {
    @extend .baz;
    background: blue;
  }
}

ruby sass:

.foo[disabled] { background: blue; }
.bar[disabled] foo { background: blue; }
foo [disabled].baz { background: blue; }

libsass with #2052

[disabled].foo { background: blue; }
.bar[disabled] foo { background: blue; }
foo [disabled].baz { background: blue; }

//CC @chriseppstein any idea why ruby sass differs in .bar[disabled] vs [disabled].baz?

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions