如何在sass中支持RTL和LTR

Question

在Sass中实施RTL支持的最佳方法是什么？

我不喜欢覆盖css属性,我不喜欢添加多个css文件(例如styles.css+ styles-rtl.css)

你能建议更好的方法吗？

谢谢.

Answer 1

1. 使用sass mixins处理它

   • 优点:
     1. 与方法#2相比,输出文件更小
     2. 由于使用rtl和ltrmixins,你将有一个语义sass
   • 缺点:
     1. 您不能在单个输出文件中同时支持这两者rtl和ltr两者

2. 使用标签的dirattr 处理它html

   • 优点:
     1. 您不需要编译两次sass文件(您可以支持rtl并ltr在单个文件中)
   • 缺点:
     1. 由于css规则较长,您的输出文件可能会变重

3. 使用sassvars 处理它

   • 优点:
     1. 与方法#2相比,输出文件更小
     2. 与方法#1相比,较小的sass文件
   • 缺点:
     1. 您不能在单个输出文件中同时支持这两者rtl和ltr两者
     2. 您的sass文件不像方法#1那样非常语义