Skip to content

placeholder selectors not extendable when used from other files (deviation from dart-sass) #104

Open
@vikigenius

Description

@vikigenius

I discovered this while using zola getzola/zola#2762

But I also reproduced this with grass manually

If you define a placeholder in a separate file

placeholders.scss

%awesome {
  padding-left: 0;
}

And try to extend them in a different file

main.scss

@use 'placeholders';

.nav {
  @extend %awesome;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

dart-sass produces the following css

.nav {
  padding-left: 0;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

However grass produces

.nav {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions