title: How to use multiple variables.less files for subpages?
body: <p>I'm trying to setup my site to use multiple themes based on which subfolder you're on. For example, On the root index.html file I'm using the default variables.less file, but if I click on the "Football" link, it takes you to another subpage in the site which has a different color scheme using "variables-football.less", thus overriding the root variables file.</p>
  
  <ul>
  <li>css</li>
  <li>fonts</li>
  <li>img</li>
  <li>js</li>
  <li>less
  <ul>
  <li>bootstrap.less (imports variables.less)</li>
  </ul></li>
  <li>index.html (includes bootstrap.css)</li>
  <li>football
  <ul>
  <li>css</li>
  <li>img</li>
  <li>less
  <ul>
  <li>variables-football.less (custom subpage styles)</li>
  </ul></li>
  <li>index.html (includes root level bootstrap.css)</li>
  </ul></li>
  </ul>
  
  <p>Any help would be greatly appreciated!</p>
  
  <p>Jeff</p>