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

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

Open
vikigenius opened this issue Jan 5, 2025 · 0 comments

Comments

@vikigenius
Copy link

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;
}
@vikigenius vikigenius changed the title placeholder selectors extended correctly when used from other files (deviation from dart-sass) placeholder selectors not extendable when used from other files (deviation from dart-sass) Jan 6, 2025
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

1 participant