|
|
|
@ -570,22 +570,22 @@ base_url: "../"
|
|
|
|
|
<h3 class="component-title">Buttons with badges</h3> |
|
|
|
|
|
|
|
|
|
<div class="component-example"> |
|
|
|
|
<a class="button">Badge button<span class="badge badge-filled">1</span></a> |
|
|
|
|
<a class="button-primary">Badge button<span class="badge-primary badge-filled">1</span></a> |
|
|
|
|
<a class="button-positive">Badge button<span class="badge-positive badge-filled">1</span></a> |
|
|
|
|
<a class="button-negative">Badge button<span class="badge-negative badge-filled">1</span></a> |
|
|
|
|
<a class="button">Badge button <span class="badge badge-filled">1</span></a> |
|
|
|
|
<a class="button-primary">Badge button <span class="badge-primary badge-filled">1</span></a> |
|
|
|
|
<a class="button-positive">Badge button <span class="badge-positive badge-filled">1</span></a> |
|
|
|
|
<a class="button-negative">Badge button <span class="badge-negative badge-filled">1</span></a> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
{% highlight html %} |
|
|
|
|
<a class="button">Badge button<span class="badge badge-filled">1</span></a> |
|
|
|
|
<a class="button-primary">Badge button<span class="badge-primary badge-filled">1</span></a> |
|
|
|
|
<a class="button-positive">Badge button<span class="badge-positive badge-filled">1</span></a> |
|
|
|
|
<a class="button-negative">Badge button<span class="badge-negative badge-filled">1</span></a> |
|
|
|
|
|
|
|
|
|
<a class="button-filled">Badge button<span class="badge badge-filled">1</span></a> |
|
|
|
|
<a class="button-filled button-primary">Badge button<span class="badge-primary badge-filled">1</span></a> |
|
|
|
|
<a class="button-filled button-positive">Badge button<span class="badge-positive badge-filled">1</span></a> |
|
|
|
|
<a class="button-filled button-negative">Badge button<span class="badge-negative badge-filled">1</span></a> |
|
|
|
|
<a class="button">Badge button <span class="badge badge-filled">1</span></a> |
|
|
|
|
<a class="button-primary">Badge button <span class="badge-primary badge-filled">1</span></a> |
|
|
|
|
<a class="button-positive">Badge button <span class="badge-positive badge-filled">1</span></a> |
|
|
|
|
<a class="button-negative">Badge button <span class="badge-negative badge-filled">1</span></a> |
|
|
|
|
|
|
|
|
|
<a class="button-filled">Badge button <span class="badge badge-filled">1</span></a> |
|
|
|
|
<a class="button-filled button-primary">Badge button <span class="badge-primary badge-filled">1</span></a> |
|
|
|
|
<a class="button-filled button-positive">Badge button <span class="badge-positive badge-filled">1</span></a> |
|
|
|
|
<a class="button-filled button-negative">Badge button <span class="badge-negative badge-filled">1</span></a> |
|
|
|
|
{% endhighlight %} |
|
|
|
|
|
|
|
|
|
</article> |
|
|
|
|