|
@@ -65,6 +65,15 @@ doc-subtab: button
|
|
<a class="button is-danger is-inverted is-outlined">Invert Outlined</a>
|
|
<a class="button is-danger is-inverted is-outlined">Invert Outlined</a>
|
|
{% endcapture %}
|
|
{% endcapture %}
|
|
|
|
|
|
|
|
+{% capture button_rounded_example %}
|
|
|
|
+<a class="button is-rounded">Rounded</a>
|
|
|
|
+<a class="button is-primary is-rounded">Rounded</a>
|
|
|
|
+<a class="button is-link is-rounded">Rounded</a>
|
|
|
|
+<a class="button is-info is-rounded">Rounded</a>
|
|
|
|
+<a class="button is-success is-rounded">Rounded</a>
|
|
|
|
+<a class="button is-danger is-rounded">Rounded</a>
|
|
|
|
+{% endcapture %}
|
|
|
|
+
|
|
{% capture button_normal_example %}
|
|
{% capture button_normal_example %}
|
|
<a class="button">Normal</a>
|
|
<a class="button">Normal</a>
|
|
<a class="button is-primary">Normal</a>
|
|
<a class="button is-primary">Normal</a>
|
|
@@ -533,6 +542,18 @@ doc-subtab: button
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
+ <h4 class="subtitle">Rounded buttons</h4>
|
|
|
|
+
|
|
|
|
+ <div class="columns">
|
|
|
|
+ <div class="column">
|
|
|
|
+ {% include elements/new-tag.html version="0.6.2" %}
|
|
|
|
+ {{ button_rounded_example }}
|
|
|
|
+ </div>
|
|
|
|
+ <div class="column">
|
|
|
|
+ {% highlight html %}{{ button_rounded_example }}{% endhighlight %}
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
{% include anchor.html name="States" %}
|
|
{% include anchor.html name="States" %}
|
|
|
|
|
|
<h4 class="subtitle">Normal</h4>
|
|
<h4 class="subtitle">Normal</h4>
|