title: customizing bulma with react
body: <p>I try to customize the bulma default colors. I have installed node-sass and it appears to be working and in my root scss file ive written the script</p>
  <pre><code>@import '../node_modules/bulma/sass/utilities/initial-variables.sass';
  
  $blue: #72d0eb;
  $pink: #ffb3b3;
  $pink-invert: #fff;
  $family-serif: &quot;Merriweather&quot;, &quot;Georgia&quot;, serif;
  
  @import '../node_modules/bulma/sass/utilities/derived-variables.sass';
  $primary: $pink;
  $primary-invert: $pink-invert;
  $family-primary: $family-serif;
  
  @import '../node_modules/bulma/css/bulma.css'
  </code></pre>
  <p>However this does not appear to be changing the primary color in my project or the primary font choice. Ive imported this file into my index.js file on react and bulma is definitely working just not accepting my customizations.</p>
  <p>Update: here is the link to the bulma docs describing how to do this
  <a href="http://bulma.io/documentation/overview/customize/" rel="nofollow noreferrer">http://bulma.io/documentation/overview/customize/</a> I tried it that way with no success as well</p>