Hinzufügen einer RTL-SCSS-Datei zur zurb foundation 5 - drupal-7, zurb-foundation, mehrsprachig

Okay, ich habe in einem Drupal-Projekt denb installiertund es läuft mit grunt, da es nur eine scss-hauptdatei [themename] .scss hat und ich gerne eine mehrsprachige website hätte, habe ich mich gefragt, wie ich eine sekundäre .scss-datei für RTL-seiten erstellen kann, damit sie überschrieben werden kann die Haupt-CSS-Datei beim Betrachten der RTL-Website.

Antworten:

1 für die Antwort № 1

Ich verwendete früher die Grundlage für das Erstellen von Drupal-Themen. Und hier ist, wie ich rtl scss-Dateien handhabe.

Ordnerstruktur:

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

settings.scss; Standardgrundlage settings.scss Datei.

settings-rtl.scss; einführen settings.scss am Anfang der Datei (um alle definierten Variablen zu erben) und überschreiben dann alle gewünschten Werte.

@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";

1 für die Antwort № 2

Nun, ich kann Ihnen nicht mit der SCSS-Datei helfen, aber wie bei CSS können Sie einfach eine andere Datei namens themename-rtl.css manuell zum CSS-Verzeichnis hinzufügen und mit dem Programmieren beginnen


Am beliebtesten