Mirage 2のReadme ファイルに基づくと、次のように記載されています。
テーマを既存の Bootstrap テーマ ( bootswatch.comのものなど) に基づいて作成する場合は、標準の Bootstrap 配色を使用して、次のように Bootstrap のインポートを置き換えbootstrap_color_scheme/_main.scss
ます。
@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap";
そのファイルだけをインポートし_variables.sccs
ます (これらの変数は で使用されるため、定義する必要があります_dspace-bootstrap-tweaks.scss
):
@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap/_variables";
次に、選択した Bootstrap テーマの css ファイルをその下にインポートします。テーマによっては、その import ステートメントのすぐ上にある twbs-font-path 関数も更新する必要がある場合があります。
私がしたこと:
mirage2_bootstrap_color_scheme
わかりましたので、 maven プロファイルを有効にしました。bootstrap_color_scheme/_main.scss
からにコピーしdspace-xmlui-mirage2/src/main/webapp/styles/
ましたdspace/modules/xmlui-mirage2/src/main/webapp/themes/Mirage2/styles
。
のテキストを に変更し、bootswatch.com_main.scss
からダウンロードした をコピーして と同じディレクトリに置き、ステートメントで参照しました。@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap";
@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap/_variables";
bootstrap.min.css
_main.scss
_main.scss
@import "bootstrap.min.css";
実行中にこのエラーが発生しましたmvn package
:
error styles/main.scss (Line 12: File to import not found or unreadable: variables.`
また、ディレクトリの_variables.scss
下に配置して使用しようとしましたが、同じ見つからない、または読み取れないエラーが発生しました。bootstrap_color_scheme
@import "variables";
Bootswatch.com のテーマを正しく使用して Mirage 2 に適用する方法を教えてもらえますか? 例と、bootswatch.com のサンプル テーマを使用した簡単なウォーク スルーは素晴らしいでしょう。
前もって感謝します。