Я хотел бы переопределить переменную Sass в своей теме DSpace Mirage 2, чтобы понять, как настроить тему.
Если я хочу внести следующие изменения, где я должен их разместить?
$brand-primary: #607890;
$navbar-inverse-bg: #607890;
$navbar-inverse-link-color: yellow;
Я пытался добавить объявление переменной в несколько мест, но оно не включено в скомпилированный файл CSS.
Я могу добавить новые правила CSS в styles/_styles.scss, и эти правила встроены в окончательный CSS.
В classic_mirage_color_scheme переменные Bootstrap установлены в 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_color_scheme не переопределяет и не определяет какие-либо переменные. Поэтому, когда вы начинаете с bootstrap_color_scheme, вам нужно переопределить bootstrap_color_scheme/_main.scss, как вы это сделали. (Остерегайтесь относительных путей для импорта файлов cfr. связанный вопрос< /а>)
Все переменные устанавливаются с помощью !default, это означает, что они устанавливаются только в том случае, если они не были установлены ранее. Вот почему переопределение переменных работает только до импорта. Поскольку classic_mirage_color_scheme импортирует _bootstrap_variables.scss перед _dspace_variables.scss, переменные, установленные в последнем, не будут установлены, если они были установлены в первом.
Следующее, кажется, работает.
КОПИРОВАТЬ
/dspace-xmlui-mirage2/src/main/webapps/styles/classic_mirage_color_scheme/_main.scss
TO
/dspace/modules/xmlui-mirage2/src/main/webapp/themes/Mirage2/styles/classic_mirage_color/scheme/_main.scss
И добавьте объявление переменной вверху перед включением.
