Добавить RTL-файл SCSS в zurb foundation 5

Question

Хорошо, у меня есть zurb, установленный в проекте drupal, и он работает с хрюканьем, поскольку у него есть только один основной файл scss [имя-имя] .scss, и я хотел бы иметь многоязычный сайт, я задавался вопросом, как создать вторичный файл .scss для RTL-страниц, чтобы он мог переопределить основной файл css при просмотре веб-сайта RTL.

Answer 1

Я имел обыкновение использовать фундамент для строительства Друпала темы. И вот как я обрабатываю файлы rtl scss.

структура папок:

- scss/ 
    | 
    - _settings.scss 
    - _settings-rtl.scss 
    - app.scss 
    - app-rtl.scss 
- bower_components/ 
- config.rb 

settings.scss; Стандартный фундамент settings.scss файл.

settings-rtl.scss; импортируйте settings.scss в начале файла (чтобы наследовать все определяющие переменные), а затем переопределите любые значения, которые вы хотите.

@import "settings"; 
$text-direction: rtl; 
$opposite-direction: right; 
// any other settings you want to override. 

app.scss;

@import "settings"; 
@import "../bower_components/foundation/scss/normalize"; 
@import "../bower_components/foundation/scss/foundation"; 

app-rtl.scss;

@import "settings-rtl"; 
@import "../bower_components/foundation/scss/normalize"; 
@import "../bower_components/foundation/scss/foundation"; 

Answer 2

Ну, я не могу вам помочь с файлом SCSS но как для CSS, вы можете просто добавить еще один файл THEMENAME-rtl.css вручную в папку CSS и начать кодирование