DSpace Mirage2 - 我在哪里放置变量覆盖?
DSpace Mirage2 - Where do I place a variable override?
我想覆盖我的 DSpace Mirage 2 主题中的 Sass 变量以了解如何自定义主题。
如果我想进行以下更改,我应该把它们放在哪里?
$brand-primary: #607890;
$navbar-inverse-bg: #607890;
$navbar-inverse-link-color: yellow;
我试过在多个位置添加变量声明,但它没有包含在编译的 CSS 文件中。
我可以向 styles/_styles.scss 添加新的 CSS 规则,这些规则内置于最终的 CSS.
以下似乎有效。
复制
/dspace-xmlui-mirage2/src/main/webapps/styles/classic_mirage_color_scheme/_main.scss
到
/dspace/modules/xmlui-mirage2/src/main/webapp/themes/Mirage2/styles/classic_mirage_color/scheme/_main.scss
并在包含之前的顶部添加变量声明。
在 classic_mirage_color_scheme 中,Bootstrap variables 设置在 classic_mirage_color_scheme/bootstrap_variables
中,因此您只需将文件复制到 /dspace/modules/xmlui-mirage2/src/main/webapp/themes/Mirage2/styles/classic_mirage_color_scheme/_bootstrap_variables.scss
。
classic_mirage_color_scheme 还在 classic_mirage_color_scheme/_dspace_variables.scss
中定义了几个它自己的变量。这也是添加非 bootstrap 变量的好地方。
bootstrap_color_scheme 不会覆盖或定义任何变量。因此,当您从 bootstrap_color_scheme 开始时,您需要像以前一样在 bootstrap_color_scheme/_main.scss 中进行覆盖。 (注意导入文件的相对路径 cfr。a related question)
变量都是用!default
设置的,这意味着它们只有在之前没有设置过的情况下才会被设置。这就是为什么覆盖变量只在导入之前起作用的原因。
因为 classic_mirage_color_scheme 在 _dspace_variables.scss
之前导入 _bootstrap_variables.scss
,如果在第一个中设置了变量,则在后者中设置的变量将不会被设置。
我想覆盖我的 DSpace Mirage 2 主题中的 Sass 变量以了解如何自定义主题。
如果我想进行以下更改,我应该把它们放在哪里?
$brand-primary: #607890;
$navbar-inverse-bg: #607890;
$navbar-inverse-link-color: yellow;
我试过在多个位置添加变量声明,但它没有包含在编译的 CSS 文件中。
我可以向 styles/_styles.scss 添加新的 CSS 规则,这些规则内置于最终的 CSS.
以下似乎有效。
复制
/dspace-xmlui-mirage2/src/main/webapps/styles/classic_mirage_color_scheme/_main.scss
到
/dspace/modules/xmlui-mirage2/src/main/webapp/themes/Mirage2/styles/classic_mirage_color/scheme/_main.scss
并在包含之前的顶部添加变量声明。
在 classic_mirage_color_scheme 中,Bootstrap variables 设置在 classic_mirage_color_scheme/bootstrap_variables
中,因此您只需将文件复制到 /dspace/modules/xmlui-mirage2/src/main/webapp/themes/Mirage2/styles/classic_mirage_color_scheme/_bootstrap_variables.scss
。
classic_mirage_color_scheme 还在 classic_mirage_color_scheme/_dspace_variables.scss
中定义了几个它自己的变量。这也是添加非 bootstrap 变量的好地方。
bootstrap_color_scheme 不会覆盖或定义任何变量。因此,当您从 bootstrap_color_scheme 开始时,您需要像以前一样在 bootstrap_color_scheme/_main.scss 中进行覆盖。 (注意导入文件的相对路径 cfr。a related question)
变量都是用!default
设置的,这意味着它们只有在之前没有设置过的情况下才会被设置。这就是为什么覆盖变量只在导入之前起作用的原因。
因为 classic_mirage_color_scheme 在 _dspace_variables.scss
之前导入 _bootstrap_variables.scss
,如果在第一个中设置了变量,则在后者中设置的变量将不会被设置。