我需要将 mixin 从 scss 重写为 less

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

I need to rewrite mixin from scss to less