Diseño de Mirage 2 usando temas de bootswatch.com
Basado en elArchivos Léame de Mirage 2, dice aquí:
Si desea basar su tema en un tema Bootstrap existente (como los debootswatch.com) puede hacerlo utilizando el esquema de color estándar de Bootstrap y reemplazando la importación de Bootstrap enbootstrap_color_scheme/_main.scss
:
@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap";
con una importación de solo su_variables.sccs
archivo (esas variables deben definirse, ya que se usan en_dspace-bootstrap-tweaks.scss
):
@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap/_variables";
Luego importe los archivos css de su tema Bootstrap de elección debajo de él. Dependiendo del tema, es posible que también necesite actualizar la función twbs-font-path justo encima de esa declaración de importación.
Lo que hice:
Ok, entonces activé elmirage2_bootstrap_color_scheme
Perfil de Maven. Copié elbootstrap_color_scheme/_main.scss
dedspace-xmlui-mirage2/src/main/webapp/styles/
dentrodspace/modules/xmlui-mirage2/src/main/webapp/themes/Mirage2/styles
.
Cambié el texto en_main.scss
que dice@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap";
dentro@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap/_variables";
y luego copié elbootstrap.min.css
que descargué de bootswatch.com y lo puse en el mismo directorio con_main.scss
y luego lo mencioné en_main.scss
con un@import "bootstrap.min.css";
declaración.
Tengo este error al ejecutarmvn package
:
error styles/main.scss (Line 12: File to import not found or unreadable: variables.`
También intenté poner el_variables.scss
bajo labootstrap_color_scheme
directorio y utilizó el@import "variables";
pero obtuve el mismo error no encontrado o ilegible.
¿Alguien puede guiarme sobre cómo usar correctamente los temas de bootswatch.com para aplicar a Mirage 2? Sería genial un ejemplo y un recorrido simple sobre el uso de un tema de muestra de bootswatch.com.
Gracias por adelantado.