title: How to use default $ variables from Bulma
body: <p>I literally started my coding journey 3 days ago, so this is a whole new dimension for me.
  I'm <em>starting</em> to get the hang of html and css, on the website I'm trying to design.</p>
  
  <p>I'm using the <strong>Bulma</strong> CSS framework on my site, and I'm having trouble using their variables: <a href="http://bulma.io/documentation/overview/variables/" rel="nofollow noreferrer">http://bulma.io/documentation/overview/variables/</a></p>
  
  <p>Are these variables only accessible in SASS? I got SASS set up, so my scss file updates my css file, but my scss file isn't associated with Bulma in any way, so I'll get "Variable is undefined", which kinda makes sense. So I'm assuming I will have to import the Bulma variables in to the scss file, but how?</p>
  
  <p>This is how I got my css setup in the "head" of the html.</p>
  
  <pre><code>&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.3/css/bulma.min.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="assets/css/testing.css"&gt; 
  </code></pre>
  
  <p>The only thing I'm trying to accomplish right now is to get a <strong>black background</strong> with the preset variable <strong>$black</strong>. This is from the .css file, and obviously not the way to do it, you can't use $ variables in css, right?</p>
  
  <pre><code>html, body {
  font-family: Calibri, sans-serif;
  font-size: 16px;
  color: #dfdfdf;
  background-color: $black; }
  </code></pre>
  
  <p>I guess I'm missing something basic here, help a beginner out please.</p>
  
  <p><strong>Recap: How to use preset framework</strong> (Bulma, in this case) <strong>variables?</strong></p>
  
  <p>Thanks</p>