>

  <p>...and output it as Sass variables like so by concatenating the path to create variable names:</p>
  <aside class="example" id="example-9"><div class="marker">
      <a class="self-link" href="#example-9">Example<bdi> 9</bdi></a>
    </div>

  <pre><code class="scss hljs" aria-busy="false">$brand-color-acid-green: #00ff66;
  $brand-color-hot-pink: #dd22cc;
  $brand-typeface-primary: 'Comic Sans MS';
  $brand-typeface-secondary: 'Times New Roman';
  </code></pre>
  </aside></section></section></secti