Skip to content
This repository has been archived by the owner on Mar 10, 2022. It is now read-only.

The compiled @extend works not right #554

Open
biihuu opened this issue Sep 6, 2021 · 1 comment
Open

The compiled @extend works not right #554

biihuu opened this issue Sep 6, 2021 · 1 comment

Comments

@biihuu
Copy link

biihuu commented Sep 6, 2021

this is the SCSS file:

.error {
  border: 1px #f00;
  background-color: #fdd;
}
.error.intrusion {
  background-image: url("/image/hacked.png");
}
.seriousError {
  @extend .error;
  border-width: 3px;
}

The compiled:

  border: 1px #f00;
  background-color: #fdd;
}

.error.intrusion, .intrusion.seriousError {
  background-image: url("/image/hacked.png");
}

.seriousError {
  border-width: 3px;
}
/*# sourceMappingURL=index.css.map */

but the offical docs are:

.error, .seriousError {
  border: 1px #f00;
  background-color: #fdd; }

.error.intrusion, .seriousError.intrusion {
  background-image: url("/image/hacked.png"); }

.seriousError {
  border-width: 3px; }

obviously,
image
image
These are not the same meaning

@glenn2223
Copy link

Are you getting the same issue with my fork? It's also available on the VS Code marketplace - ref #486

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants