<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>
<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>