diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js
index 898a49d9a9f9e4be8f90a89552de01e0ea469925..de2382b2ee9f98040b53d9b49816ad0f89b51ca3 100644
--- a/docs/assets/js/application.js
+++ b/docs/assets/js/application.js
@@ -185,25 +185,30 @@ $(function () {
   // request built javascript
   $('.download-btn').on('click', function () {
 
-    var comp = $("#components.download input:checked")
+    var css = $("#components.download input:checked")
           .map(function () { return this.value })
           .toArray()
-      , plug = $("#plugins.download input:checked")
+      , js = $("#plugins.download input:checked")
           .map(function () { return this.value })
           .toArray()
+      , vars = {}
 
-    
+    $("#variables.download input")
+      .each(function () {
+        return $(this).val() 
+      })
 
     $.ajax({
       type: 'POST'
+    , url: 'localhost:3000'
+   // , url: "http://bootstrap.herokuapp.com"
     , dataType: 'jsonpi'
     , params: {
         branch: '2.0-wip'
-      , dir: 'js'
-      , filenames: names
-      , compress: buildTypes.first().hasClass('active')
-      }
-    , url: "http://bootstrap.herokuapp.com"
+      , js: js
+      , css: css
+      , vars: vars
+    }
     })
   })
 
diff --git a/docs/download.html b/docs/download.html
index a81f31cebfaf3944ad2645a410cb60320fe9c2d1..5b2b716d7eb11e2be0962776ed5f710c9661a5a7 100644
--- a/docs/download.html
+++ b/docs/download.html
@@ -93,51 +93,51 @@
   <div class="row download-builder">
     <div class="span3">
       <h3>Scaffolding</h3>
-      <label class="checkbox"><input type="checkbox" value=""> CSS reset</label>
-      <label class="checkbox"><input type="checkbox" value=""> Grid system</label>
-      <label class="checkbox"><input type="checkbox" value=""> Layouts</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="reset.less"> CSS reset</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="grid.less"> Grid system</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="layouts.less"> Layouts</label>
       <h3>Base CSS</h3>
-      <label class="checkbox"><input type="checkbox" value=""> Headings, body, etc</label>
-      <label class="checkbox"><input type="checkbox" value=""> Code and pre</label>
-      <label class="checkbox"><input type="checkbox" value=""> Labels</label>
-      <label class="checkbox"><input type="checkbox" value=""> Tables</label>
-      <label class="checkbox"><input type="checkbox" value=""> Forms</label>
-      <label class="checkbox"><input type="checkbox" value=""> Buttons</label>
-      <label class="checkbox"><input type="checkbox" value=""> Icons</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="type.less"> Headings, body, etc</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="code.less"> Code and pre</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="labels.less"> Labels</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="tables.less"> Tables</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="forms.less"> Forms</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="buttons.less"> Buttons</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="sprites.less"> Icons</label>
     </div><!-- /span -->
     <div class="span3">
       <h3>Components</h3>
-      <label class="checkbox"><input type="checkbox" value=""> Button groups</label>
-      <label class="checkbox"><input type="checkbox" value=""> Combo buttons</label>
-      <label class="checkbox"><input type="checkbox" value=""> Navs, tabs, and pills</label>
-      <label class="checkbox"><input type="checkbox" value=""> Navbar</label>
-      <label class="checkbox"><input type="checkbox" value=""> Breadcrumbs</label>
-      <label class="checkbox"><input type="checkbox" value=""> Pagination</label>
-      <label class="checkbox"><input type="checkbox" value=""> Pager</label>
-      <label class="checkbox"><input type="checkbox" value=""> Thumbnails</label>
-      <label class="checkbox"><input type="checkbox" value=""> Alerts</label>
-      <label class="checkbox"><input type="checkbox" value=""> Progress bars</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="button-groups.less"> Button groups</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="button-combo.less"> Combo buttons</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="navs.less"> Navs, tabs, and pills</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="navbar.less"> Navbar</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="breadcrumbs.less"> Breadcrumbs</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="pagination.less"> Pagination</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="page.less"> Pager</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="thumbnails.less"> Thumbnails</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="alerts.less"> Alerts</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="progres-bars.less"> Progress bars</label>
     </div><!-- /span -->
     <div class="span3">
       <h3>JS Components</h3>
-      <label class="checkbox"><input type="checkbox" value=""> Tooltips</label>
-      <label class="checkbox"><input type="checkbox" value=""> Popovers</label>
-      <label class="checkbox"><input type="checkbox" value=""> Modals</label>
-      <label class="checkbox"><input type="checkbox" value=""> Dropdowns</label>
-      <label class="checkbox"><input type="checkbox" value=""> Tabs</label>
-      <label class="checkbox"><input type="checkbox" value=""> Collapse</label>
-      <label class="checkbox"><input type="checkbox" value=""> Carousel</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="tooltips.less"> Tooltips</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="popover.less"> Popovers</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="modals.less"> Modals</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="dropdowns.less"> Dropdowns</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="tabs.less"> Tabs</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="collapse.less"> Collapse</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="carousel.less"> Carousel</label>
     </div><!-- /span -->
     <div class="span3">
       <h3>Miscellaneous</h3>
-      <label class="checkbox"><input type="checkbox" value=""> Wells</label>
-      <label class="checkbox"><input type="checkbox" value=""> Close icon</label>
-      <label class="checkbox"><input type="checkbox" value=""> Utilities</label>
-      <label class="checkbox"><input type="checkbox" value=""> Component animations</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="wells.less"> Wells</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="close.less"> Close icon</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="utilities.less"> Utilities</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="component-animations.less"> Component animations</label>
       <h3>Responsive</h3>
-      <label class="checkbox"><input type="checkbox" value=""> Max-width 480px</label>
-      <label class="checkbox"><input type="checkbox" value=""> Max-width 768px</label>
-      <label class="checkbox"><input type="checkbox" value=""> Max-width 1210px</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="resopnsive-480.less"> Max-width 480px</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="resopnsive-768.less"> Max-width 768px</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="resopnsive-1210.less"> Max-width 1210px</label>
     </div><!-- /span -->
   </div><!-- /row -->
 </section>
diff --git a/docs/templates/pages/download.mustache b/docs/templates/pages/download.mustache
index 037690e73a6219f6e406da80c99a5a3dbdd772d8..4707e60a947cedef00c20618696977d1ddd065a5 100644
--- a/docs/templates/pages/download.mustache
+++ b/docs/templates/pages/download.mustache
@@ -28,51 +28,51 @@
   <div class="row download-builder">
     <div class="span3">
       <h3>Scaffolding</h3>
-      <label class="checkbox"><input type="checkbox" value=""> CSS reset</label>
-      <label class="checkbox"><input type="checkbox" value=""> Grid system</label>
-      <label class="checkbox"><input type="checkbox" value=""> Layouts</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="reset.less"> CSS reset</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="grid.less"> Grid system</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="layouts.less"> Layouts</label>
       <h3>Base CSS</h3>
-      <label class="checkbox"><input type="checkbox" value=""> Headings, body, etc</label>
-      <label class="checkbox"><input type="checkbox" value=""> Code and pre</label>
-      <label class="checkbox"><input type="checkbox" value=""> Labels</label>
-      <label class="checkbox"><input type="checkbox" value=""> Tables</label>
-      <label class="checkbox"><input type="checkbox" value=""> Forms</label>
-      <label class="checkbox"><input type="checkbox" value=""> Buttons</label>
-      <label class="checkbox"><input type="checkbox" value=""> Icons</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="type.less"> Headings, body, etc</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="code.less"> Code and pre</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="labels.less"> Labels</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="tables.less"> Tables</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="forms.less"> Forms</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="buttons.less"> Buttons</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="sprites.less"> Icons</label>
     </div><!-- /span -->
     <div class="span3">
       <h3>Components</h3>
-      <label class="checkbox"><input type="checkbox" value=""> Button groups</label>
-      <label class="checkbox"><input type="checkbox" value=""> Combo buttons</label>
-      <label class="checkbox"><input type="checkbox" value=""> Navs, tabs, and pills</label>
-      <label class="checkbox"><input type="checkbox" value=""> Navbar</label>
-      <label class="checkbox"><input type="checkbox" value=""> Breadcrumbs</label>
-      <label class="checkbox"><input type="checkbox" value=""> Pagination</label>
-      <label class="checkbox"><input type="checkbox" value=""> Pager</label>
-      <label class="checkbox"><input type="checkbox" value=""> Thumbnails</label>
-      <label class="checkbox"><input type="checkbox" value=""> Alerts</label>
-      <label class="checkbox"><input type="checkbox" value=""> Progress bars</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="button-groups.less"> Button groups</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="button-combo.less"> Combo buttons</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="navs.less"> Navs, tabs, and pills</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="navbar.less"> Navbar</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="breadcrumbs.less"> Breadcrumbs</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="pagination.less"> Pagination</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="page.less"> Pager</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="thumbnails.less"> Thumbnails</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="alerts.less"> Alerts</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="progres-bars.less"> Progress bars</label>
     </div><!-- /span -->
     <div class="span3">
       <h3>JS Components</h3>
-      <label class="checkbox"><input type="checkbox" value=""> Tooltips</label>
-      <label class="checkbox"><input type="checkbox" value=""> Popovers</label>
-      <label class="checkbox"><input type="checkbox" value=""> Modals</label>
-      <label class="checkbox"><input type="checkbox" value=""> Dropdowns</label>
-      <label class="checkbox"><input type="checkbox" value=""> Tabs</label>
-      <label class="checkbox"><input type="checkbox" value=""> Collapse</label>
-      <label class="checkbox"><input type="checkbox" value=""> Carousel</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="tooltips.less"> Tooltips</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="popover.less"> Popovers</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="modals.less"> Modals</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="dropdowns.less"> Dropdowns</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="tabs.less"> Tabs</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="collapse.less"> Collapse</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="carousel.less"> Carousel</label>
     </div><!-- /span -->
     <div class="span3">
       <h3>Miscellaneous</h3>
-      <label class="checkbox"><input type="checkbox" value=""> Wells</label>
-      <label class="checkbox"><input type="checkbox" value=""> Close icon</label>
-      <label class="checkbox"><input type="checkbox" value=""> Utilities</label>
-      <label class="checkbox"><input type="checkbox" value=""> Component animations</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="wells.less"> Wells</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="close.less"> Close icon</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="utilities.less"> Utilities</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="component-animations.less"> Component animations</label>
       <h3>Responsive</h3>
-      <label class="checkbox"><input type="checkbox" value=""> Max-width 480px</label>
-      <label class="checkbox"><input type="checkbox" value=""> Max-width 768px</label>
-      <label class="checkbox"><input type="checkbox" value=""> Max-width 1210px</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="resopnsive-480.less"> Max-width 480px</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="resopnsive-768.less"> Max-width 768px</label>
+      <label class="checkbox"><input checked="checked" type="checkbox" value="resopnsive-1210.less"> Max-width 1210px</label>
     </div><!-- /span -->
   </div><!-- /row -->
 </section>