Styling von Mirage 2 mit Themen von bootswatch.com

Auf der Grundlage desReadme files von Mirage 2 steht hier:

Wenn Sie Ihr Thema auf ein vorhandenes Bootstrap-Thema stützen möchten (wie bei bootswatch.com) Verwenden Sie dazu das Standard-Bootstrap-Farbschema und ersetzen Sie den Bootstrap-Import inbootstrap_color_scheme/_main.scss:

@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap";

mit einem Import von nur seinem_variables.sccs Datei (diese Variablen müssen definiert werden, da sie in @ verwendet werde_dspace-bootstrap-tweaks.scss):

@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap/_variables";

Importieren Sie anschließend die CSS-Datei (en) des Bootstrap-Themas Ihrer Wahl darunter. Je nach Thema müssen Sie möglicherweise auch die Funktion twbs-font-path direkt über dieser import-Anweisung aktualisieren.

Was ich getan habe

Ok, also habe ich das @ aktiviemirage2_bootstrap_color_scheme Maven-Profil. @ Kopiebootstrap_color_scheme/_main.scss vondspace-xmlui-mirage2/src/main/webapp/styles/indspace/modules/xmlui-mirage2/src/main/webapp/themes/Mirage2/styles.

Ich habe den Text in @ geände_main.scss das sagt@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap";in@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap/_variables";, und dann habe ich das @ kopiebootstrap.min.css, das ich von bootswatch.com heruntergeladen und in das gleiche Verzeichnis mit @ gestellt ha_main.scss und dann habe ich es in @ verwies_main.scss mit einem@import "bootstrap.min.css"; Erklärung

Ich habe diesen Fehler beim Ausführen vonmvn package:

error styles/main.scss (Line 12: File to import not found or unreadable: variables.`

Ich habe auch versucht, die @ setz_variables.scss unter dembootstrap_color_scheme -Verzeichnis und benutzte das@import "variables"; aber ich habe den gleichen nicht gefunden oder unlesbaren Fehler.

Kann mir jemand erklären, wie ich die Designs von bootswatch.com richtig verwende, um sie auf Mirage 2 anzuwenden? Ein Beispiel und eine einfache Einführung in die Verwendung eines Beispielthemas von bootswatch.com wären großartig.

Danke im Voraus

Antworten auf die Frage(4)

Ihre Antwort auf die Frage