Libsass: @extend는 @mixin을 무시합니다.

입력.scss

%color {
  color: blue;
}

<strong i="6">@mixin</strong> getOverridedSelector {
  &#{&} {
    @content;
  }
}

.foo {
  <strong i="7">@include</strong> getOverridedSelector {
    <strong i="8">@extend</strong> %color;
  }
}

.bar {
  <strong i="9">@include</strong> getOverridedSelector {
    color: red;
  }
}

실제 결과

리사스 3.6.0
루비 사스 3.7.4
뿐만 아니라 codepen (아마도 libsass)

.foo {
  color: blue;
}

.bar.bar {
  color: red;
}

예상 결과

다트 sass 1.22.6-1(Archlinux AUR)

.foo.foo {
  color: blue;
}

.bar.bar {
  color: red;
}

이 문제를 발견한 소스: https://stackoverflow.com/questions/57376896