Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-20 12:24:28 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add rounded documentation

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

21
docs/documentation/elements/button.html
View File

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

17
docs/documentation/form/input.html
View File

@@ -78,6 +78,10 @@ variables_keys:
</div> </div>
{% endcapture %} {% endcapture %}
{% capture rounded_example %}
<input class="input is-rounded" type="text" placeholder="Rounded input">
{% endcapture %}
{% capture normal_example %} {% capture normal_example %}
<div class="control"> <div class="control">
<input class="input" type="text" placeholder="Normal input"> <input class="input" type="text" placeholder="Normal input">
@@ -299,6 +303,19 @@ variables_keys:
</div> </div>
</div> </div>
{% include anchor.html name="Styles" %}
{% include elements/new-tag.html version="0.6.2" %}
<div class="columns">
<div class="column is-half">
{{ rounded_example }}
</div>
<div class="column is-half">
{% highlight html %}{{ 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>

22
docs/documentation/form/select.html
View File

@@ -86,6 +86,15 @@ doc-subtab: select
</div> </div>
{% endcapture %} {% endcapture %}
{% capture rounded_example %}
<div class="select is-rounded">
<select>
<option>Rounded dropdown</option>
<option>With options</option>
</select>
</div>
{% endcapture %}
{% capture sizes_example %} {% capture sizes_example %}
<div class="field"> <div class="field">
<div class="control"> <div class="control">
@@ -325,6 +334,19 @@ doc-subtab: select
</div> </div>
</div> </div>
{% include anchor.html name="Styles" %}
{% include elements/new-tag.html version="0.6.2" %}
<div class="columns">
<div class="column is-half">
{{ rounded_example }}
</div>
<div class="column is-half">
{% highlight html %}{{ rounded_example }}{% endhighlight %}
</div>
</div>
{% include anchor.html name="Sizes" %} {% include anchor.html name="Sizes" %}
<div class="columns"> <div class="columns">