updated to include sub nav and pip nav, new docs updates, topbar nav refinements for media queried settings

1 files changed, 6 insertions, 45 deletions

diff --git a/docs/less.html b/docs/less.html
index 97d95a3ab..e9334a552 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -63,7 +63,7 @@
       <div class="row">
         <div class="span4">
           <h3>Why LESS?</h3>
-          <p>Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.</p>
+          <p>Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by <a href="http://cloudhead.io">Alexis Sellier</a>. It makes developing systems-based CSS faster, easier, and more fun.</p>
         </div>
         <div class="span4">
           <h3>What's included?</h3>
@@ -72,7 +72,7 @@
         <div class="span4">
           <h3>Learn more</h3>
           <img style="float: right; height: 36px;" src="assets/img/less-logo-large.png" alt="LESS CSS">
-          <p>Visit the official website at http://lesscss.org to learn more.</p>
+          <p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
         </div>
       </div>
       <div class="row">
@@ -98,11 +98,7 @@
         <h1>Variables <small>from variables.less</small></h1>
       </div>
 
-      <div class="row">
-        <div class="span3">
           <h3>Hyperlinks</h3>
-        </div>
-        <div class="span9">
           <table class="bordered-table striped-table">
             <thead>
               <tr>
@@ -124,92 +120,70 @@
               </tr>
             </tbody>
           </table>
-        </div>
-      </div>
 
       <div class="row">
-        <div class="span3">
+        <div class="span6">
           <h3>Grayscale colors</h3>
-        </div>
-        <div class="span9">
           <table class="bordered-table striped-table">
             <tbody>
               <tr>
                 <td><code>@black</code></td>
                 <td>#000</td>
-                <td>Black</td>
               </tr>
               <tr>
                 <td><code>@grayDark</code></td>
                 <td><code>lighten(@black, 25%)</code></td>
-                <td>Dark gray</td>
               </tr>
               <tr>
                 <td><code>@gray</code></td>
                 <td><code>lighten(@black, 50%)</code></td>
-                <td>Medium gray</td>
               </tr>
               <tr>
                 <td><code>@grayLight</code></td>
                 <td><code>lighten(@black, 75%)</code></td>
-                <td>Light gray</td>
               </tr>
               <tr>
                 <td><code>@grayLighter</code></td>
                 <td><code>lighten(@black, 90%)</code></td>
-                <td>Lighter gray</td>
               </tr>
               <tr>
                 <td><code>@white</code></td>
                 <td>#fff</td>
-                <td>White</td>
               </tr>
             </tbody>
           </table>
         </div>
-      </div>
-
-      <div class="row">
-        <div class="span3">
+        <div class="span6">
           <h3>Accent colors</h3>
-        </div>
-        <div class="span9">
           <table class="bordered-table striped-table">
             <tbody>
               <tr>
                 <td><code>@blue</code></td>
                 <td>#049CDB</td>
-                <td></td>
               </tr>
               <tr>
                 <td><code>@green</code></td>
                 <td>#46a546</td>
-                <td></td>
               </tr>
               <tr>
                 <td><code>@red</code></td>
                 <td>#9d261d</td>
-                <td></td>
               </tr>
               <tr>
                 <td><code>@yellow</code></td>
                 <td>#ffc40d</td>
-                <td></td>
               </tr>
               <tr>
                 <td><code>@orange</code></td>
                 <td>#f89406</td>
-                <td></td>
               </tr>
               <tr>
                 <td><code>@pink</code></td>
                 <td>#c3325f</td>
-                <td></td>
               </tr>
               <tr>
                 <td><code>@purple</code></td>
                 <td>#7a43b6</td>
-                <td></td>
               </tr>
             </tbody>
           </table>
@@ -217,48 +191,36 @@
       </div>
 
       <div class="row">
-        <div class="span3">
+        <div class="span6">
           <h3>Grid system</h3>
-        </div>
-        <div class="span9">
           <table class="bordered-table striped-table">
             <tbody>
               <tr>
                 <td><code>@gridColumns</code></td>
                 <td>12</td>
-                <td></td>
               </tr>
               <tr>
                 <td><code>@gridColumnWidth</code></td>
                 <td>60px</td>
-                <td></td>
               </tr>
               <tr>
                 <td><code>@gridGutterWidth</code></td>
                 <td>20px</td>
-                <td></td>
               </tr>
               <tr>
                 <td><code>@siteWidth</code></td>
                 <td><code>(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))</code></td>
-                <td></td>
               </tr>
             </tbody>
           </table>
         </div>
-      </div>
-
-      <div class="row">
-        <div class="span3">
+        <div class="span6">
           <h3>Typography</h3>
-        </div>
-        <div class="span9">
           <table class="bordered-table striped-table">
             <tbody>
               <tr>
                 <td><code>@baseFontSize</code></td>
                 <td>13px</td>
-                <td></td>
               </tr>
               <tr>
                 <td><code>@baseFontFamily</code></td>
@@ -268,7 +230,6 @@
               <tr>
                 <td><code>@baseLineHeight</code></td>
                 <td>18px</td>
-                <td></td>
               </tr>
             </tbody>
           </table>