0

基于 Mirage 2 的自述文件,它在这里说:

如果您想将您的主题基于现有的 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_schemeMaven 配置文件。bootstrap_color_scheme/_main.scss将from复制dspace-xmlui-mirage2/src/main/webapp/styles/dspace/modules/xmlui-mirage2/src/main/webapp/themes/Mirage2/styles.

我将其中的文本更改为,然后我复制了从_main.scssbootswatch.com下载的文本并将其放在同一个目录中,然后我在声明中引用了它。@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.scssbootstrap_color_scheme并使用,@import "variables";但我得到了同样的未找到或不可读的错误。

有人可以指导我如何正确使用 bootswatch.com 的主题来申请 Mirage 2 吗?使用 bootswatch.com 的示例主题的示例和简单的演练会很棒。

提前致谢。

4

2 回答 2

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.

于 2014-12-02T09:45:03.350 回答
1

Bootstrap-sass 已更新其路径,而 Mirage 2 文档尚未更新。

_variables.scss 现在存储在这里:“../vendor/bootstrap-sass-official/assets/stylesheets/bootstrap/_variables.scss”

根据您使用的版本,它甚至可以在另一个地方。

一般建议是查看以下供应商文件夹:dspace/modules/xmlui/target/xmlui-*/themes/Mirage2/vendor/

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

于 2014-12-02T21:42:01.127 回答