Right way for customiziation

I finally got the customization with sass variables to work. But I’m not sure if it was the right way to do.

First I had to disable to load the bulma css in the nuxt.config.js

  modules: [,
    ['nuxt-buefy', { 
      css: false
     }]
  ],

then I added my own modification file and added it also to the config

  css: [
    'assets/bulma-modifications.scss'
  ],

In this file I added

@import "~bulma/sass/utilities/_all";

$menu-item-hover-background-color: #3BB9C6;
$menu-item-active-background-color: #0067B1;

@import "~bulma";
@import "~buefy/src/scss/buefy";

As I said, now it works. But I’m completely not sure if one should do it this way.

[step4]

For me it was fine to import all.

As I do not work with bulma anymore, I can not help you with selective imports

[slidenerd]

@step4 arent you importing the entire bunch of components with this line @import “~buefy/src/scss/buefy”; is that what you want or do you want to selectively import them?