I'm trying to use hamburger menu on bulma css, but it doesn't work. What is wrong?

I'm new on bulma css http://bulma.io/ I'm trying to use hamburger menu for mobile user. I just followed instruction on this page: http://bulma.io/documentation/components/nav/ But it doesn't work....

Use font-awesome in a Vue app created with vue-cli webpack

I'm trying to use the font-awesome in a simple Vue app created with vue-cli using the webpack-simple template, but this is being tricky. I installed font-awesome using npm install font-awesome...

How to modify CSS variables in Bulma?

I am using bulma.css which has CSS variables as seen here // Override initial variables here // You can add new ones or update existing ones: $blue: #72d0eb // Update blue $pink: #ffb3b3 // Add...

How to generate CSS from Sass in Bulma

This is my first time working with Scss, although I have run the command in terminal to convert a simple input.sass to output.css in the case of other libraries, it seems a little bit difficult,...

Error for invalid css when trying to compile sass

I am new to sass, after having downloaded bulma, installed gem, and sass, I tried to compile a default sass file with sass style.scss style.css, here is my directory structure But I get errors...

How to make tiles wrap with Bulma CSS

I'm using the Bulma CSS framework with a Rails app. I have a long list of items and would like to display them in tiles. However, the tiles run off the screen instead of wrapping to the next...

Bulma dropdown not working

Bulma dropdown doesn't seem to toggle on click. Below is the code snippet from the documentation:https://bulma.io/documentation/components/dropdown/ <link...

How to customize Bulma?

I want to customize Bulma. I read the document https://bulma.io/documentation/overview/customize/ but I cannot understand. npm install bulma cd node_modules/bulma mv bulma.sass bulma.sass.org vi...

Non Responsive Bulma Nav

I am using Bulma, I have a need to make the navigation bar, non responsive. I do not want the hamburger menu or the collapsed nav. I cannot work out how to do this though, there is no mention in...

a elements without href, or with an empty href, causes page reload when using Browser.application in Elm 0.19

Empty links, i.e. a elements without a href attribute or with href "" causes a page reload if used with Browser.application in Elm 0.19. Here's a minimal, complete and verifiable example: module...

How to configure vscode to autocomplete css frameworks like bulma

When I using bulma in VSCode, it did't give any suggestion(autocomplete) of the bulma class name. I find it hard to remember some bulma class name when I am still a newbie of it. I'm using Vue-CLI...

bulma Scale image to container

I followed the documentation example and have this inside a media object: <figure class="image is-128x128"> <img src="https://bulma.io/images/placeholders/128x128.png"> </figure> I use that...

bulma - adjusting typography sizing efficiently

I'm having a hard time figuring out the most efficient way to resize text for mobile. I know per the documentation, making the text size responsive to the screen is fairly straightforward, simply...

Bulma "is-marginless" class does not remove "margin-right" on container component

I am trying to design a WordPress theme using Bulma.io; I'd like a page with tabs and content inside a container div element. When I apply Bulma CSS class is-marginless, three margins get...

How to shorten bulma input?

It is possible to shorten Bulma input width? As I can see in their documentation there is a is-small parameter but it only makes the font and height smaller. <link rel="stylesheet"...

ERROR in ./src/index.js 14:4 Module parse failed: Unexpected token (14:4) You may need an appropriate loader to handle this file type

I am tryiyng to run react with webpack. I am getting following error: ERROR in ./src/index.js 14:4 Module parse failed: Unexpected token (14:4) You may need an appropriate loader to handle this...

svelte/sapper direct link problems on zeit/now - how to debug or fix?

In dev, I can direct link to any route. On Zeit/now, I can lead links to some pages but not others. I'm struggling to determine the problem. Here's an example, navigating straight to...

How to import SCSS files into HTML files

I create a simple website project with simple HTML and SCSS. the HTML file seems like this: <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,...

Bulma: align form horizontal fields across columns

I'm trying to build a form which is divided in two columns in the top portion, and one column for the bottom portion, similar to what is shown in this image: I created a template using Bulma...

Bulma/Svelte font-awesome icons not re-rendering

I have font-awesome icons appearing in a sortable table. They render fine, but when I re-sort the rows of the table, the icons remain where they are, and don't sort (re-render?) with the other...

Right align text in Bulma panel-block

How can I right align text in a panel-block? I've attempted using is-pulled-right on the span I wanted moved to right in this example: <head> <meta charset="utf-8"> <meta name="viewport"...

How do I make a horizontal card in Bulma?

I am trying to make a horizontal card in bulma with the image on the left side. I want the card to have rounded edges and have the same responsive attributes and the normal bulma card. Bulma...

Bulma collapsible not working when using CDN

I have included the CSS and JS CDN. I have also tried to use the whole extension CDN and it still wont work. Here is the...

Remove unused colors from Bulma SASS

I'm starting learning Bulma framework. I have a question - what is a correct way to remove unused colors from SASS to decrease final CSS size? By default, Bulma generate set for most elements with...

How do I install Bulma in Angular?

I am getting an error, visible via the browser inspector after installing Bulma I have angular-10. The steps I took are npm -i bulma. The bulma directory is in node_modules/bulma npm i -D...

Reuse Shiny progress bar from fileInput with bulma file upload

Problem I am setting up a Shiny up using library(shinybulma). In order to be consistent, I handcrafted a file input widget with the bulma classes. For a visual feedback I need progressbar which...

Error in Vue when trying to call bulma.sass file

first time asking a question here, so I apologize if this is incorrect - I'll get better! I'm following along with a Vue.js tutorial, and am trying to install and call Bulma via an "@import...

Using Font Awesome in Vue3 with Bulma

How should Font Awesome be used with Vue? I have vue-fontawesome added to my project, as well as Bulma, so am I supposed to intermix the two? Or choose one or the other? I would like to be able to...

Unable to build Nuxt due to a problem with PostCSS when using Bulma and Buefy (nuxt-buefy)

Using the following config, everything was working fine via npm run dev, but when we did npm run build, there was an error: ERROR in ./assets/scss/main.scss...

Failed to resolve module specifier "firebase/app"

it's my firstime using Firebase and I think that I've followed all step to connect my project to firebase. I tried to run my project with a small js console.log(firebase) When I went to my console...