Tag: BULMA
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. . . . Read more
Estoy utilizando el componente de tarjeta en Bulma y quiero que la imagen de la tarjeta tenga una relación de aspecto de 16:9. Sin embargo, las imágenes se cargarán dinámicamente, por lo que no siempre podré modificar el tamaño de las imágenes para asegurar sus dimensiones. Entonces, lo que espero . . . Read more
Estoy tratando de cambiar la variable $navbar-item-hover-background-color de Bulma para cambiar el color de fondo de un elemento en mi barra de navegación de Bulma cuando el puntero del mouse se encuentra sobre el elemento, pero no funciona, el color sigue siendo el mismo. Este es mi archivo scss: @charset . . . Read more
Estoy luchando para obtener el relleno correcto de algunos campos de formulario usando React y Bulma. Quiero construir un componente de campo de contraseña en React donde el renderizado se vea así: <div classname=”field”> <div classname=”field has-addons”> <p classname=”control has-icons-left is-expanded”> <input classname=”input” type=”{passwordFieldType}” placeholder=”Contraseña” value=”{props.value}” required=”{true}” onchange=”{e” ==””> props.update(e.target.value)} . . . Read more
¿Cómo puedo reducir el tamaño del cuadro de entrada? Por defecto, está cubriendo toda el área disponible, lo cual no se ve bien. Necesito mantenerlo de tamaño mediano y centrado. Código: Cuenta de Ahorro: