SASS、SUSY和RTL-在动态设置[dir=“RTL”]时尝试设置特定的布局规则

使用SASS/SUSY， 我正在尝试创建仅在动态设置[dir=RTL]时才适用的RTL规则，但我的布局默认采用RTL流规则。我该怎么和苏西一起做

我这里有一个

---

这是CSS如何工作和Sass如何工作之间的常见混淆。CSS支持DOM，因为它是由浏览器和HTML一起编译的。Sass工作在不同的层，不知道CSS隐含的DOM结构

layout mixin是一个Sass抽象，它改变了Susy可以引用的几个全局Sass变量——它自己没有实际的CSS输出。布局mixin更改其他函数的输出，以及Sass中紧随其后的mixin。您还可以使用with layout{}来包装整个mixin和函数块，但在这两种情况下，变量只存在于Sass中

为了基于选择器更改布局，必须提供完整的布局（而不仅仅是一个布局）和范围变量更改。这意味着更像这样：

.box-item {
  @include span(1 of 2);

  [dir='rtl'] & {
    @include span(1 of 2 rtl)
  }
}

---

有一些变通方法可以减少重复性，但没有一种方法像您希望的那样简单和干净。它们基本上涉及到找到两次编译相同代码块的方法，使用不同的变量和一个额外的选择器。

问题解决了。米里亚姆，你和苏西是我的英雄。谢谢你的工作。

.box-item {
  @include span(1 of 2);

  [dir='rtl'] & {
    @include span(1 of 2 rtl)
  }
}