From 40e92221a616bfe4e9500bcf2b72c86844f7f03f Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Tue, 24 Jan 2012 16:54:35 -0800
Subject: revamp alert message and error state color/text/bg to be variables

---
 docs/less.html                     | 74 ++++++++++++++++++++++----------
 docs/templates/pages/less.mustache | 86 ++++++++++++++++++++++++++++----------
 2 files changed, 118 insertions(+), 42 deletions(-)

(limited to 'docs')

diff --git a/docs/less.html b/docs/less.html
index 735bd0dc6..dfa0739a7 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -159,23 +159,23 @@
                 </tr>
                 <tr>
                   <td><code>@grayDarker</code></td>
-                  <td><code>#222</code></td>
+                  <td>#222</td>
                 </tr>
                 <tr>
                   <td><code>@grayDark</code></td>
-                  <td><code>#333</code></td>
+                  <td>#333</td>
                 </tr>
                 <tr>
                   <td><code>@gray</code></td>
-                  <td><code>#555</code></td>
+                  <td>#555</td>
                 </tr>
                 <tr>
                   <td><code>@grayLight</code></td>
-                  <td><code>#999</code></td>
+                  <td>#999</td>
                 </tr>
                 <tr>
                   <td><code>@grayLighter</code></td>
-                  <td><code>#eee</code></td>
+                  <td>#eee</td>
                 </tr>
                 <tr>
                   <td><code>@white</code></td>
@@ -283,22 +283,54 @@
             </table>
           </div>
         </div> <!-- /row -->
-        <div class="row">
-          <div class="span3">
-            <h3>Visuals</h3>
-          </div>
-          <div class="span9">
-            <table class="table table-bordered table-striped">
-              <tbody>
-                <tr>
-                  <td><code>@primaryButtonColor</code></td>
-                  <td><code>@blue</code></td>
-                  <td></td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div> <!-- /row -->
+
+        <h3>Components</h3>
+        <table class="table table-bordered table-striped">
+          <thead>
+            <tr>
+              <th colspan="2" class="span3">Buttons</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><code>@primaryButtonColor</code></td>
+              <td><code>@blue</code></td>
+            </tr>
+          </tbody>
+          
+          <thead>
+            <tr>
+              <th colspan="2" class="span3">Buttons</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><code>@placeholderText</code></td>
+              <td><code>@grayLight</code></td>
+            </tr>
+          </tbody>
+
+          <thead>
+            <tr>
+              <th colspan="2" class="span3">Navbars</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><code>@navbarHeight</code></td>
+              <td>40px</td>
+            </tr>
+            <tr>
+              <td><code>@navbarBackground</code></td>
+              <td><code>@grayDarker</code></td>
+            </tr>
+            <tr>
+              <td><code>@navbarBackgroundHighlight</code></td>
+              <td><code>@grayDark</code></td>
+            </tr>
+          </tbody>
+        </table>
+
       </section>
 
 
diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index 8adc7874f..141000c7c 100644
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -99,23 +99,23 @@
                 </tr>
                 <tr>
                   <td><code>@grayDarker</code></td>
-                  <td><code>#222</code></td>
+                  <td>#222</td>
                 </tr>
                 <tr>
                   <td><code>@grayDark</code></td>
-                  <td><code>#333</code></td>
+                  <td>#333</td>
                 </tr>
                 <tr>
                   <td><code>@gray</code></td>
-                  <td><code>#555</code></td>
+                  <td>#555</td>
                 </tr>
                 <tr>
                   <td><code>@grayLight</code></td>
-                  <td><code>#999</code></td>
+                  <td>#999</td>
                 </tr>
                 <tr>
                   <td><code>@grayLighter</code></td>
-                  <td><code>#eee</code></td>
+                  <td>#eee</td>
                 </tr>
                 <tr>
                   <td><code>@white</code></td>
@@ -223,22 +223,66 @@
             </table>
           </div>
         </div> <!-- /row -->
-        <div class="row">
-          <div class="span3">
-            <h3>{{_i}}Visuals{{/i}}</h3>
-          </div>
-          <div class="span9">
-            <table class="table table-bordered table-striped">
-              <tbody>
-                <tr>
-                  <td><code>@primaryButtonColor</code></td>
-                  <td><code>@blue</code></td>
-                  <td></td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div> <!-- /row -->
+
+        <h3>{{_i}}Components{{/i}}</h3>
+        <table class="table table-bordered table-striped">
+          <thead>
+            <tr>
+              <th colspan="2">{{_i}}Buttons{{/i}}</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><code>@primaryButtonColor</code></td>
+              <td><code>@blue</code></td>
+            </tr>
+          </tbody>
+
+          <thead>
+            <tr>
+              <th colspan="2">{{_i}}Buttons{{/i}}</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><code>@placeholderText</code></td>
+              <td><code>@grayLight</code></td>
+            </tr>
+          </tbody>
+
+          <thead>
+            <tr>
+              <th colspan="2">{{_i}}Navbars{{/i}}</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><code>@navbarHeight</code></td>
+              <td>40px</td>
+            </tr>
+            <tr>
+              <td><code>@navbarBackground</code></td>
+              <td><code>@grayDarker</code></td>
+            </tr>
+            <tr>
+              <td><code>@navbarBackgroundHighlight</code></td>
+              <td><code>@grayDark</code></td>
+            </tr>
+          </tbody>
+          
+          <thead>
+            <tr>
+              <th colspan="2">{{_i}}Buttons{{/i}}</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><code>@placeholderText</code></td>
+              <td><code>@grayLight</code></td>
+            </tr>
+          </tbody>
+        </table>
+
       </section>
 
 
-- 
cgit v1.2.3