es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Orden de importación de Bulma en Sass, elementos faltantes.

31 Jul, 2023 Programación

Importé los elementos de Bulma que quiero de la siguiente manera:

@import "../../node_modules/bulma/sass/utilities/_all.sass";
@import "../../node_modules/bulma/sass/base/_all.sass";
@import "../../node_modules/bulma/sass/elements/button.sass";
@import "../../node_modules/bulma/sass/elements/container.sass";
@import "../../node_modules/bulma/sass/elements/title.sass";
@import "../../node_modules/bulma/sass/form/_all.sass";
@import "../../node_modules/bulma/sass/components/navbar.sass";
@import "../../node_modules/bulma/sass/layout/hero.sass";
@import "../../node_modules/bulma/sass/layout/section.sass";
@import "../../node_modules/bulma/sass/grid/columns.sass";
@import "../../node_modules/bulma/sass/components/card.sass";
@import "../../node_modules/bulma/sass/components/modal.sass";
@import "../../node_modules/bulma/sass/elements/icon.sass";

Todo funciona bien excepto la visualización de la cruz para cerrar un modal.

Probé importar todas las funciones de Bulma con bulma.sass y la cruz se muestra correctamente. Al examinar más de cerca, parece que falta extend.sass, pero importo @import "../../node_modules/bulma/sass/utilities/_all.sass"; que normalmente contiene los estilos extendidos. Incluso agregar los extendidos individualmente no funciona.

Intenté cambiar el orden de mis importaciones, pero eso ocasiona problemas como que los modales dejen de funcionar.

No vi ningún orden recomendado en la documentación de Bulma para los importaciones.
Estoy usando node-sass para la compilación.

¿Tienes alguna idea de qué estoy haciendo mal? Gracias.

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Parece que estás experimentando un problema con la visualización del ícono de cierre en tus elementos de Bulma importados. Si bien has importado los archivos necesarios para la mayoría de los elementos de Bulma, parece que te falta un archivo clave para el componente de ventana modal.

    Para solucionar este problema, puedes intentar lo siguiente:

    • Asegúrate de importar todos los archivos necesarios para el componente de ventana modal. Puede que encuentres que te falta un archivo específico que contiene los estilos necesarios para el ícono de cierre. Puedes consultar la documentación de Bulma para obtener una visión general de qué archivos se necesitan para cada elemento: https://bulma.io/documentation/overview/start/#import-the-css.
    • Verifica que estás importando los archivos en el orden correcto. Si bien puede que no haya un orden estrictamente recomendado para importar los archivos de Bulma, es posible que ciertos elementos dependan de otros para funcionar correctamente. Puedes experimentar con diferentes órdenes de importación para ver si esto resuelve el problema.
    • Asegúrate de que la compilación de node-sass esté funcionando correctamente. Si hay errores o problemas con tu compilación, esto podría afectar cómo se aplican los estilos de Bulma. Puede que desees revisar tu proceso de compilación para asegurarte de que todo esté configurado correctamente.

    En general, puede que sea necesario realizar algunas pruebas y experimentos para que todo funcione como se espera. ¡Buena suerte!

Comments are closed.