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