Fixed customizer

Documentation fixes, oa. removed twbs stuff from components page

Author: jasny

Gruntfile.js

@@ -35,7 +35,10 @@ module.exports = function (grunt) {
 
     // Task configuration.
     clean: {
-      dist: ['dist', 'docs/dist']
+      dist: ['dist', 'docs/dist'],
+      jekyll: ['_gh_pages'],
+      assets: ['assets/css/*.min.css', 'assets/js/*.min.js'],
+      jade: ['jade/*.jade']
     },
 
     jshint: {
@@ -251,7 +254,7 @@ module.exports = function (grunt) {
         options: {
           pretty: true,
           data: function () {
-            var filePath = path.join(__dirname, 'less/build/default-variables.less');
+            var filePath = path.join(__dirname, 'less/build/variables.less');
             var fileContent = fs.readFileSync(filePath, {encoding: 'utf8'});
             var parser = new BsLessdocParser(fileContent);
             return {sections: parser.parseFile()};
@@ -363,10 +366,10 @@ module.exports = function (grunt) {
   grunt.registerTask('dist-docs', 'copy:docs');
 
   // Full distribution task.
-  grunt.registerTask('dist', ['clean', 'dist-css', 'dist-js', 'dist-docs']);
+  grunt.registerTask('dist', ['clean:dist', 'dist-css', 'dist-js', 'dist-docs']);
 
   // Default task.
-  grunt.registerTask('default', ['test', 'dist', 'build-customizer']);
+  grunt.registerTask('default', ['dist', 'build-customizer']);
 
   // Version numbering task.
   // grunt change-version-number --oldver=A.B.C --newver=X.Y.Z

dist/css/jasny-bootstrap.css

@@ -1,55 +1,5 @@
 
 <!-- NOTE: DO NOT EDIT THE FOLLOWING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-variables.jade template.-->
-<h2 id="colors">Colors</h2>
-<p>Gray colors for use across Bootstrap.</p>
-<div class="row">
-  <div class="bs-customizer-input">
-    <label for="input-@gray-darker">@gray-darker</label>
-    <input id="input-@gray-darker" type="text" value="lighten(#000, 13.5%)" data-var="@gray-darker" class="form-control"/>
-  </div>
-  <div class="bs-customizer-input">
-    <label for="input-@gray-dark">@gray-dark</label>
-    <input id="input-@gray-dark" type="text" value="lighten(#000, 20%)" data-var="@gray-dark" class="form-control"/>
-  </div>
-  <div class="bs-customizer-input">
-    <label for="input-@gray">@gray</label>
-    <input id="input-@gray" type="text" value="lighten(#000, 33.5%)" data-var="@gray" class="form-control"/>
-  </div>
-  <div class="bs-customizer-input">
-    <label for="input-@gray-light">@gray-light</label>
-    <input id="input-@gray-light" type="text" value="lighten(#000, 60%)" data-var="@gray-light" class="form-control"/>
-  </div>
-  <div class="bs-customizer-input">
-    <label for="input-@gray-lighter">@gray-lighter</label>
-    <input id="input-@gray-lighter" type="text" value="lighten(#000, 93.5%)" data-var="@gray-lighter" class="form-control"/>
-  </div>
-</div>
-<h2 id="typography">Typography</h2>
-<p>Font size and line-height.</p>
-<div class="row">
-  <div class="bs-customizer-input">
-    <label for="input-@font-size-base">@font-size-base</label>
-    <input id="input-@font-size-base" type="text" value="14px" data-var="@font-size-base" class="form-control"/>
-  </div>
-  <div class="bs-customizer-input">
-    <label for="input-@font-size-large">@font-size-large</label>
-    <input id="input-@font-size-large" type="text" value="ceil((@font-size-base * 1.25))" data-var="@font-size-large" class="form-control"/>
-  </div>
-  <div class="bs-customizer-input">
-    <label for="input-@font-size-small">@font-size-small</label>
-    <input id="input-@font-size-small" type="text" value="ceil((@font-size-base * 0.85))" data-var="@font-size-small" class="form-control"/>
-  </div>
-  <div class="bs-customizer-input">
-    <label for="input-@line-height-base">@line-height-base</label>
-    <input id="input-@line-height-base" type="text" value="1.428571429" data-var="@line-height-base" class="form-control"/>
-    <p class="help-block">Unit-less <code>line-height</code> for use in components like buttons.</p>
-  </div>
-  <div class="bs-customizer-input">
-    <label for="input-@line-height-computed">@line-height-computed</label>
-    <input id="input-@line-height-computed" type="text" value="floor((@font-size-base * @line-height-base))" data-var="@line-height-computed" class="form-control"/>
-    <p class="help-block">Computed &quot;line-height&quot; (<code>font-size</code> * <code>line-height</code>) for use with <code>margin</code>, <code>padding</code>, etc.</p>
-  </div>
-</div>
 <h2 id="components">Components</h2>
 <p>Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).</p>
 <div class="row">
@@ -148,13 +98,10 @@ <h2 id="grid-system">Grid system</h2>
     <input id="input-@grid-float-breakpoint" type="text" value="768px" data-var="@grid-float-breakpoint" class="form-control"/>
     <p class="help-block">Point at which the navbar becomes uncollapsed.</p>
   </div>
-</div>
-<h2 id="container-sizes">Container sizes</h2>
-<p>Define the maximum width of <code>.container</code> for different screen sizes.</p>
-<div class="row">
   <div class="bs-customizer-input">
-    <label for="input-@container-lg">@container-lg</label>
-    <input id="input-@container-lg" type="text" value="((1140px + @grid-gutter-width))" data-var="@container-lg" class="form-control"/>
+    <label for="input-@container-smooth">@container-smooth</label>
+    <input id="input-@container-smooth" type="text" value="@container-lg" data-var="@container-smooth" class="form-control"/>
+    <p class="help-block">Maximum with of a smooth container.</p>
   </div>
 </div>
 <h2 id="navbar">Navbar</h2>
@@ -382,7 +329,7 @@ <h2 id="alerts">Alerts</h2>
   </div>
   <div class="bs-customizer-input">
     <label for="input-@alert-fixed-width">@alert-fixed-width</label>
-    <input id="input-@alert-fixed-width" type="text" value="@screen-md-min" data-var="@alert-fixed-width" class="form-control"/>
+    <input id="input-@alert-fixed-width" type="text" value="@screen-md" data-var="@alert-fixed-width" class="form-control"/>
   </div>
 </div>
 <!-- NOTE: DO NOT EDIT THE PRECEDING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-variables.jade template.-->

dist/css/jasny-bootstrap.css.map

@@ -4,13 +4,10 @@
 <li><a href="#plugins">jQuery plugins</a></li>
 <li><a href="#less-variables">Less variables</a>
   <ul class="nav">
-    <li><a href="#colors">Colors</a></li>
-    <li><a href="#typography">Typography</a></li>
     <li><a href="#components">Components</a></li>
     <li><a href="#tables">Tables</a></li>
     <li><a href="#media-queries-breakpoints">Media queries breakpoints</a></li>
     <li><a href="#grid-system">Grid system</a></li>
-    <li><a href="#container-sizes">Container sizes</a></li>
     <li><a href="#navbar">Navbar</a></li>
     <li><a href="#navmenu">Navmenu</a></li>
     <li><a href="#navs">Navs</a></li>

dist/css/jasny-bootstrap.min.css

@@ -65,16 +65,22 @@ span.hidden-sm {
 
 /* Outline button for use within the docs */
 .btn-outline {
-  color: #563d7c;
+  color: #962A28;
   background-color: #fff;
   border-color: #e5e5e5;
 }
 .btn-outline:hover,
 .btn-outline:focus,
 .btn-outline:active {
   color: #fff;
-  background-color: #563d7c;
-  border-color: #563d7c;
+  background-color: #962A28;
+  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #450915), color-stop(1, #962A28));
+  background-image: -o-linear-gradient(right, #450915 0%, #962A28 100%);
+  background-image: -moz-linear-gradient(right, #450915 0%, #962A28 100%);
+  background-image: -webkit-linear-gradient(right, #450915 0%, #962A28 100%);
+  background-image: -ms-linear-gradient(right, #450915 0%, #962A28 100%);
+  background-image: linear-gradient(to right, #450915 0%, #962A28 100%);
+  border-color: #962A28;
 }
 
 /* Inverted outline button (white on dark) */
@@ -570,7 +576,7 @@ span.hidden-sm {
 /* Janky fix for preventing navbar from overlapping */
 h1[id] {
   padding-top: 80px;
-  margin-top: -45px;
+  margin-top: -80px;
 }
 h2[id], h3[id] {
   padding-top: 65px;
@@ -1124,7 +1130,7 @@ h2[id], h3[id] {
 
 .bs-customizer .toggle {
   float: right;
-  margin-top: 25px;
+  margin-top: 80px;
 }
 
 /* Headings and form contrls */

docs/_includes/customizer-variables.html

@@ -260,8 +260,8 @@ window.onload = function () { // wait for load in a dumb way because B-0
       .join('\n')
 
     return {
-      'bootstrap.js': js,
-      'bootstrap.min.js': cw + uglify(js)
+      'jasny-bootstrap.js': js,
+      'jasny-bootstrap.min.js': cw + uglify(js)
     }
   }
 
@@ -279,11 +279,6 @@ window.onload = function () { // wait for load in a dumb way because B-0
     inputsPlugin.prop('checked', !inputsPlugin.is(':checked'))
   })
 
-  $('#less-variables-section .toggle').on('click', function (e) {
-    e.preventDefault()
-    inputsVariables.val('')
-  })
-
   $('[data-dependencies]').on('click', function () {
     if (!$(this).is(':checked')) return
     var dependencies = this.getAttribute('data-dependencies')
@@ -319,7 +314,7 @@ window.onload = function () { // wait for load in a dumb way because B-0
 
     generateZip(generateCSS(), generateJavascript(), generateFonts(), configJson, function (blob) {
       $compileBtn.removeAttr('disabled')
-      saveAs(blob, 'bootstrap.zip')
+      saveAs(blob, 'jasny-bootstrap.zip')
       createGist(configJson)
     })
   })
@@ -329,7 +324,7 @@ window.onload = function () { // wait for load in a dumb way because B-0
     showCallout('Looks like you\'re using safari, which sadly doesn\'t have the best support' +
                  'for HTML5 blobs. Because of this your file will be downloaded with the name <code>"untitled"</code>.' +
                  'However, if you check your downloads folder, just rename this <code>"untitled"</code> file' +
-                 'to <code>"bootstrap.zip"</code> and you should be good to go!')
+                 'to <code>"jasny-bootstrap.zip"</code> and you should be good to go!')
   } else if (!window.URL && !window.webkitURL) {
     $('.bs-docs-section, .bs-docs-sidebar').css('display', 'none')