Как поддерживать RTL и LTR в sass

Question

Что было бы лучшим способом реализовать поддержку RTL в Sass?

Я не хотел, чтобы переопределить свойства CSS, и я не хотел бы добавить несколько файлов CSS (например styles.css + styles-rtl.css)

Можете ли вы предложить какой-либо лучше?

Спасибо.

Answer 1

1. Handle it using sass mixins

   • плюсы:
     1. Меньшие выходного файла по сравнению с методом # 2
     2. Вы будете иметь смысловую дерзость из-за использования rtl и ltr Примеси
   • минусы:
     1. Вы не можете поддерживать как rtl и ltr как в один выходной файл

2. Handle it using dir attr of html tag

   • плюсы:
     1. Вам не нужно скомпилируйте свой файл sass дважды (вы можете поддерживать rtl и ltr в одном файле)
   • минусы:
     1. Выходной файл может получить тяжелые из-за длинных css правил

3. Handle it using sass vars

   • профи :
     1. Меньшие выходного файла по сравнению с методом # 2
     2. Меньшие SASS файлов по сравнению с методом # 1
   • минусы:
     1. Вы не можете поддерживать как rtl и ltr как в один выходной файл
     2. Ваши файлы sass не очень смысловые, как метод # 1