SassでRTLとLTRをサポートする方法

Question

SassでRTLサポートを実装するにはどうすればよいでしょうか？

私はCSSプロパティをオーバーライドするために好きではないと私は、複数のCSSファイルを追加するために好きではない（例えばstyles.css + styles-rtl.css）

は、あなたが任意のより良い方法を提案することはできますか？

ありがとうございました。

Answer 1

1. Handle it using sass mixins

   • 長所：方法＃2
   • と比較して
     1. より小さい出力ファイルあなたは理由rtlとltrミックスイン
     を使用しての意味SASSを持っています
   • 短所：
     1. あなたは、単一の出力ファイルに

2. Handle it using dir attr of html tag

   • 長所rtlとltr両方の両方をサポートすることはできません。
     1. をあなたがする必要はありませんあなたのsassファイルを2回コンパイルしてください（つのファイルにとltr）
   • 短所：
     1. あなたの出力ファイルが長いためcssルール

3. Handle it using sass vars

   • プロの重いかもしれません：メソッド＃と比較して
     1. より小さい出力ファイル方法＃に比べて2
     2. 小規模SASSファイル1
   • 短所：あなたはrtlとltrの両方で両方をサポートすることはできません
     1. 単一の出力ファイル
     2. あなたのsassファイルは方法1のようにあまり意味がありません