基于 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_scheme
Maven 配置文件。bootstrap_color_scheme/_main.scss
将from复制dspace-xmlui-mirage2/src/main/webapp/styles/
到dspace/modules/xmlui-mirage2/src/main/webapp/themes/Mirage2/styles
.
我将其中的文本更改为,然后我复制了从_main.scss
bootswatch.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.scss
下bootstrap_color_scheme
并使用,@import "variables";
但我得到了同样的未找到或不可读的错误。
有人可以指导我如何正确使用 bootswatch.com 的主题来申请 Mirage 2 吗?使用 bootswatch.com 的示例主题的示例和简单的演练会很棒。
提前致谢。