Load SASS and Bulma to your Vue JS project
Introduction According to docs Bulma is highly customizable thanks to 419 Sass variables living across 28 files. These variables exist at 4 levels: initial variables: global variables with literal values derived variables: global variables with values that reference other variables, or are computed generic variables: for the HTML elements which carry no CSS class element/component variables: variables that are specific to a Bulma element/component In this case we are gonna add SCSS files to our existing project made with the webpack template via vue-cli, so maybe if you create your project in different way this may not work. Strategy To customize Bulma, you will need to: vue create my-awesome-project npm install bulma After that let's install the SASS dependencies: npm install --save-dev node-sass sass-loader If you have a vue.config.js you will add a few lines, otherwise you need to create this file in the root of you