我需要将mixin从scss重写为更少

Question

我需要mixin来检查所有父节点的目录（ltr或rtl）。 我在SCSS中有它，但在LESS中却需要它，而且我无法重写它。有人知道如何用LESS编写它吗？

我尝试了

.rtl when (dir="rtl"){
}

是SCSS

@mixin rtl {
    @if $include-rtl {
        @at-root [dir="rtl"] #{&} {
            @content;
        }
    }
}

Answer 1

少

@include-rtl: true;

.rtl(@rules) when (@include-rtl) {
  [dir="rtl"] & {
    @rules();
  }
}

a b c {
  color: red;

  .rtl({color: green});
}

编译为

a b c {
  color: red;
}
[dir="rtl"] a b c {
  color: green;
}