title: How can I use Sass variables in a JavaScript function?
body: <p>I have a variable in Sass which determines how many <code>columns</code> are supposed to fit in 1 <code>row</code> for my grid system.</p>
  
  <p>Normally, those are 12 <code>columns</code>.</p>
  
  <p>In JavaScript I've got a function which checks if there are more then 12 <code>column</code>s in a <code>row</code>. </p>
  
  <p>If so, it hides the whole row.</p>
  
  <p>This function looks like this:</p>
  
  <pre><code>function checkColumns() {
      var maxColumns = 12;
      $('.row').each(function () {
          var elementsLength = $(this).children('.column').length;
          if (elementsLength &gt; maxColumns) {
              $(this).remove();
          }
      });
  }
  </code></pre>
  
  <p>Is there any way to change the <code>maxColumns</code> variable to the same number which is in my sass variables? Besides then changing it manually every time I change the number in my sass file.</p>