aboutsummaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
Diffstat (limited to 'docs')
-rw-r--r--docs/assets/bootstrap.zipbin55576 -> 55576 bytes
-rw-r--r--docs/less.html78
-rw-r--r--docs/templates/pages/less.mustache78
3 files changed, 154 insertions, 2 deletions
diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index fac56f1bb..4dc9b4f2f 100644
--- a/docs/assets/bootstrap.zip
+++ b/docs/assets/bootstrap.zip
Binary files differ
diff --git a/docs/less.html b/docs/less.html
index f8e4d9b33..de11c79ba 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -290,10 +290,86 @@
<table class="table table-bordered table-striped">
<tbody>
<tr>
- <td class="span3"><code>@primaryButtonBackground</code></td>
+ <td class="span3"><code>@btnBackground</code></td>
+ <td><code>@white</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #fff;"></span></td>
+ </tr>
+ <tr>
+ <td class="span3"><code>@btnBackgroundHighlight</code></td>
+ <td><code>darken(@white, 10%)</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #e6e6e6;"></span></td>
+ </tr>
+ <tr>
+ <td class="span3"><code>@btnBorder</code></td>
+ <td><code>darken(@white, 20%)</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #ccc;"></span></td>
+ </tr>
+
+ <tr>
+ <td class="span3"><code>@btnPrimaryBackground</code></td>
<td><code>@linkColor</code></td>
<td class="swatch-col"><span class="swatch" style="background-color: #08c;"></span></td>
</tr>
+ <tr>
+ <td class="span3"><code>@btnPrimaryBackgroundHighlight</code></td>
+ <td><code>spin(@btnPrimaryBackground, 15%)</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #05c;"></span></td>
+ </tr>
+
+ <tr>
+ <td class="span3"><code>@btnInfoBackground</code></td>
+ <td><code>#5bc0de</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #5bc0de;"></span></td>
+ </tr>
+ <tr>
+ <td class="span3"><code>@btnInfoBackgroundHighlight</code></td>
+ <td><code>#2f96b4</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #2f96b4;"></span></td>
+ </tr>
+
+ <tr>
+ <td class="span3"><code>@btnSuccessBackground</code></td>
+ <td><code>#62c462</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #62c462;"></span></td>
+ </tr>
+ <tr>
+ <td class="span3"><code>@btnSuccessBackgroundHighlight</code></td>
+ <td><code>51a351</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #51a351;"></span></td>
+ </tr>
+
+ <tr>
+ <td class="span3"><code>@btnWarningBackground</code></td>
+ <td><code>lighten(@orange, 15%)</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #fbb450;"></span></td>
+ </tr>
+ <tr>
+ <td class="span3"><code>@btnWarningBackgroundHighlight</code></td>
+ <td><code>@orange</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #f89406;"></span></td>
+ </tr>
+
+ <tr>
+ <td class="span3"><code>@btnDangerBackground</code></td>
+ <td><code>#ee5f5b</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #ee5f5b;"></span></td>
+ </tr>
+ <tr>
+ <td class="span3"><code>@btnDangerBackgroundHighlight</code></td>
+ <td><code>#bd362f</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #bd362f;"></span></td>
+ </tr>
+
+ <tr>
+ <td class="span3"><code>@btnInverseBackground</code></td>
+ <td><code>@gray</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #555;"></span></td>
+ </tr>
+ <tr>
+ <td class="span3"><code>@btnInverseBackgroundHighlight</code></td>
+ <td><code>@grayDarker</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #222;"></span></td>
+ </tr>
</tbody>
</table>
<h4>Forms</h4>
diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index 23a4486a1..00130550a 100644
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -214,10 +214,86 @@
<table class="table table-bordered table-striped">
<tbody>
<tr>
- <td class="span3"><code>@primaryButtonBackground</code></td>
+ <td class="span3"><code>@btnBackground</code></td>
+ <td><code>@white</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #fff;"></span></td>
+ </tr>
+ <tr>
+ <td class="span3"><code>@btnBackgroundHighlight</code></td>
+ <td><code>darken(@white, 10%)</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #e6e6e6;"></span></td>
+ </tr>
+ <tr>
+ <td class="span3"><code>@btnBorder</code></td>
+ <td><code>darken(@white, 20%)</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #ccc;"></span></td>
+ </tr>
+
+ <tr>
+ <td class="span3"><code>@btnPrimaryBackground</code></td>
<td><code>@linkColor</code></td>
<td class="swatch-col"><span class="swatch" style="background-color: #08c;"></span></td>
</tr>
+ <tr>
+ <td class="span3"><code>@btnPrimaryBackgroundHighlight</code></td>
+ <td><code>spin(@btnPrimaryBackground, 15%)</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #05c;"></span></td>
+ </tr>
+
+ <tr>
+ <td class="span3"><code>@btnInfoBackground</code></td>
+ <td><code>#5bc0de</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #5bc0de;"></span></td>
+ </tr>
+ <tr>
+ <td class="span3"><code>@btnInfoBackgroundHighlight</code></td>
+ <td><code>#2f96b4</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #2f96b4;"></span></td>
+ </tr>
+
+ <tr>
+ <td class="span3"><code>@btnSuccessBackground</code></td>
+ <td><code>#62c462</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #62c462;"></span></td>
+ </tr>
+ <tr>
+ <td class="span3"><code>@btnSuccessBackgroundHighlight</code></td>
+ <td><code>51a351</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #51a351;"></span></td>
+ </tr>
+
+ <tr>
+ <td class="span3"><code>@btnWarningBackground</code></td>
+ <td><code>lighten(@orange, 15%)</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #fbb450;"></span></td>
+ </tr>
+ <tr>
+ <td class="span3"><code>@btnWarningBackgroundHighlight</code></td>
+ <td><code>@orange</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #f89406;"></span></td>
+ </tr>
+
+ <tr>
+ <td class="span3"><code>@btnDangerBackground</code></td>
+ <td><code>#ee5f5b</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #ee5f5b;"></span></td>
+ </tr>
+ <tr>
+ <td class="span3"><code>@btnDangerBackgroundHighlight</code></td>
+ <td><code>#bd362f</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #bd362f;"></span></td>
+ </tr>
+
+ <tr>
+ <td class="span3"><code>@btnInverseBackground</code></td>
+ <td><code>@gray</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #555;"></span></td>
+ </tr>
+ <tr>
+ <td class="span3"><code>@btnInverseBackgroundHighlight</code></td>
+ <td><code>@grayDarker</code></td>
+ <td class="swatch-col"><span class="swatch" style="background-color: #222;"></span></td>
+ </tr>
</tbody>
</table>
<h4>{{_i}}Forms{{/i}}</h4>