Libsass: @extend рдЕрдирджреЗрдЦрд╛ рдХрд░рддрд╛ рд╣реИ @mixin

рдХреЛ рдирд┐рд░реНрдорд┐рдд 6 рдЕрдЧре░ 2019  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: sass/libsass

рдЗрдирдкреБрдЯ.рдПрд╕рд╕реАрдПрд╕рдПрд╕

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

рд╡рд╛рд╕реНрддрд╡рд┐рдХ рдкрд░рд┐рдгрд╛рдо

libsass 3.6.0
рд░реВрдмреА рд╕рд╛рд╕ 3.7.4
рд╕рд╛рде рд╣реА рдХреЛрдбрдкреЗрди рдкрд░ (рд╢рд╛рдпрдж libsass)

.foo {
  color: blue;
}

.bar.bar {
  color: red;
}

рдЕрдкреЗрдХреНрд╖рд┐рдд рдкрд░рд┐рдгрд╛рдо

рдбрд╛рд░реНрдЯ рдПрд╕рдПрдПрд╕ 1.22.6-1 (рдЖрд░реНрдХрд▓рд┐рдирдХреНрд╕ рдФрд░)

.foo.foo {
  color: blue;
}

.bar.bar {
  color: red;
}

рд╕реНрд░реЛрдд рдЬрд┐рд╕реЗ рдпрд╣ рд╕рдорд╕реНрдпрд╛ рдорд┐рд▓реА: https://stackoverflow.com/questions/57376896

Bug - Confirmed Dev - Test Written

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдбрд╛рд░реНрдЯ рд╕рд╛рд╕ рдпрд╣рд╛рдБ рд╕рд╣реА рд╣реИред рд░реВрдмреА рд╕реИрд╕ рдФрд░ рд▓рд┐рдмрд╕реИрд╕ рд╡реНрдпрд╡рд╣рд╛рд░ рд╡рд┐рд╕реНрддрд╛рд░ рдХреЗ рджреВрд╕рд░реЗ рдХрд╛рдиреВрди рдХрд╛ рдЙрд▓реНрд▓рдВрдШрди рдХрд░рддрд╛ .foo , рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ 10) рд╡рд┐рд╕реНрддрд╛рд░рдХ рдХреА рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ рд╕реЗ рдЕрдзрд┐рдХ рдпрд╛ рдЙрд╕рдХреЗ рдмрд░рд╛рдмрд░ рд╣реЛрдиреА рдЪрд╛рд╣рд┐рдП ( .foo.foo , рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ 20)ред

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

@ nex3 рдпрд╣ рдЬрд╛рдирдмреВрдЭрдХрд░ рд╣реИ рдпрд╛ рдбрд╛рд░реНрдЯ-рдПрд╕рдПрдПрд╕ рдореЗрдВ рдПрдХ рдкреНрд░рддрд┐рдЧрдорди рд╣реИ?
рд░реВрдмреА рд╕реИрд╕ рдХреЗ рдкрд┐рдЫрд▓реЗ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ libsass рдХреЗ рд╕рдорд╛рди рдЖрдЙрдЯрдкреБрдЯ рдерд╛ред

рдбрд╛рд░реНрдЯ рд╕рд╛рд╕ рдпрд╣рд╛рдБ рд╕рд╣реА рд╣реИред рд░реВрдмреА рд╕реИрд╕ рдФрд░ рд▓рд┐рдмрд╕реИрд╕ рд╡реНрдпрд╡рд╣рд╛рд░ рд╡рд┐рд╕реНрддрд╛рд░ рдХреЗ рджреВрд╕рд░реЗ рдХрд╛рдиреВрди рдХрд╛ рдЙрд▓реНрд▓рдВрдШрди рдХрд░рддрд╛ .foo , рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ 10) рд╡рд┐рд╕реНрддрд╛рд░рдХ рдХреА рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ рд╕реЗ рдЕрдзрд┐рдХ рдпрд╛ рдЙрд╕рдХреЗ рдмрд░рд╛рдмрд░ рд╣реЛрдиреА рдЪрд╛рд╣рд┐рдП ( .foo.foo , рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ 20)ред

рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдирд╡реАрдирддрдо рдорд╛рд╕реНрдЯрд░ рдкрд░ рддрдп рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕