title: Navigation not pulling less variables
body: <p>I have a navigation just the way I want, however it's not pulling the less variables for the colors that I've created in // tweak</p>
  
  <p>The @nav-color-active works just fine, however @navc-color and @nav-color-hover does not. Why is this?</p>
  
  <p>The site I am working on is <a href="https://centrecorp.squarespace.com/" rel="nofollow">https://centrecorp.squarespace.com/</a></p>
  
  <pre><code>    // tweak: { type: 'color', title: 'Navigation Links', target: '.main-navigation'}
  @nav-color: #000000;
  
  // tweak: { type: 'color', title: 'Navigation Links (Hover)', target: '.main-navigation'}
  @nav-color-hover: #8963f2;
  
  // tweak: { type: 'color', title: 'Navigation Links (Active)', target: '.main-navigation'}
  @nav-color-active: #8963f2;
  
      .main-navigation {
      .nav-font;
      float:right;
    ul {  
      padding-left: 0;
  
      li  {
        display: inline-block;
        color:@nav-color;
  
        ul {
          display: none;
        }
  
        &amp;:not(:last-child) {
          margin-right: .5em;
        }
  
        &amp;:hover &gt; ul {
          display: inline-block;
          color:@nav-color-hover;
        }
  
        &amp;.active-link &gt; a {
           color:@nav-color-active;
        }
  
        &amp;.active-folder &gt; a {
        }
      }
    }
  }
  </code></pre>