Question

基于Mirage 2的Readme files，它在这里说：

如果您希望将主题基于现有的Bootstrap主题（如bootswatch.com上的主题），可以使用标准的Bootstrap颜色方案并替换bootstrap_color_scheme/_main.scss中的Bootstrap导入：

@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文件。根据主题，您可能还需要更新导入语句正上方的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。

我将_main.scss中@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap";的文字更改为@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap/_variables";，然后我复制了我从bootswatch.com下载的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中的示例主题的一个示例和简单的步骤将非常棒。

提前致谢。

Answer 1

我删除了我的其他答案，因为我弄错了。以下是一个工作bootswatch主题的示例： https://github.com/antoine-atmire/DSpace/tree/mirage2%2Bbootswatch/dspace/modules/xmlui-mirage2/src/main/webapp/themes/Mirage2/styles

/styles/bootstrap_color_scheme/_main.scss文件在构建过程中被复制到/styles/main.scss，因此@import语句应该相对于/styles/main.scss。

Answer 2

Bootstrap-sass已更新其路径，并且Mirage 2文档尚未更新。

_variables.scss现在存储在这里：＆＃34; ../ vendor / bootstrap-sass-official / assets / stylesheets / bootstrap / _variables.scss＆＃34;

根据您使用的版本，它甚至可能位于其他地方。

一般建议在以下位置查看vendor文件夹： dSPACE的/模块/ XMLUI /目标/ XMLUI - * /主题/ Mirage2 /供应商/

在那里查找变量文件的路径并使用该路径。

使用bootswatch.com的主题设置Mirage 2的样式

2 个答案: