Add rounded documentation

This commit is contained in:
Jeremy Thomas
2017-12-04 15:48:33 +00:00
parent 75e9742f99
commit 31ec88ea3e
3 changed files with 60 additions and 0 deletions

View File

@@ -65,6 +65,15 @@ doc-subtab: button
<a class="button is-danger is-inverted is-outlined">Invert Outlined</a>
{% 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 %}
<a class="button">Normal</a>
<a class="button is-primary">Normal</a>
@@ -533,6 +542,18 @@ doc-subtab: button
</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" %}
<h4 class="subtitle">Normal</h4>