Skip to content

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

Open
@vikigenius

Description

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;
}

Activity

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

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