title: adaptive.js & LESS CSS compatibility issue
body: <p>I am having an issue with <a href="http://adapt.960.gs/" rel="nofollow">adaptive.js</a> and its compatibility with LESS. Problem being is that you cannot specify the type of document in the head because you have to include it via js. </p>
  
  <pre><code>&lt;script&gt;
      // Edit to suit your needs.
      var ADAPT_CONFIG = {
          // Where is your CSS?
          path: 'css/responsive/',
  
          // false = Only run once, when page first loads.
          // true = Change on window resize and page tilt.
          dynamic: true,
  
          // First range entry is the minimum.
          // Last range entry is the maximum.
          // Separate ranges by "to" keyword.
          range: [
              '0px    to 760px  = mobile.min.css',
              '760px  to 980px  = 720.min.css',
              '980px  to 3000px = 960.min.css',
          ]
      };
  &lt;/script&gt;
  </code></pre>
  
  <p>My question is that is there a way to be able to tell the adaptive.js that the files should be served up as less files so:</p>
  
  <pre><code>&lt;script type="text/less"&gt;
  </code></pre>
  
  <p>rather than just:</p>
  
  <pre><code>&lt;script type="text/stylesheet"&gt;
  </code></pre>
  
  <p>Or do I have to serve up the CSS server side prior to the adaptive.js taking effect?</p>
  
  <p>Any help would be great. </p>