From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Mon, 4 Dec 2017 15:48:33 +0000 (+0000)
Subject: Add rounded documentation
X-Git-Tag: 0.6.2~36
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=31ec88ea3e2fbe0519deed7895160ba596e9bb2d;p=thirdparty%2Fbulma.git

Add rounded documentation
---

diff --git a/docs/documentation/elements/button.html b/docs/documentation/elements/button.html
index 52c31a4a3..037cae1db 100644
--- a/docs/documentation/elements/button.html
+++ b/docs/documentation/elements/button.html
@@ -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>
diff --git a/docs/documentation/form/input.html b/docs/documentation/form/input.html
index 15d560526..c478a6e75 100644
--- a/docs/documentation/form/input.html
+++ b/docs/documentation/form/input.html
@@ -78,6 +78,10 @@ variables_keys:
 </div>
 {% endcapture %}
 
+{% capture rounded_example %}
+<input class="input is-rounded" type="text" placeholder="Rounded input">
+{% endcapture %}
+
 {% capture normal_example %}
 <div class="control">
   <input class="input" type="text" placeholder="Normal input">
@@ -299,6 +303,19 @@ variables_keys:
       </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" %}
 
     <h4 class="subtitle">Normal</h4>
diff --git a/docs/documentation/form/select.html b/docs/documentation/form/select.html
index cf26ebb8d..a33611362 100644
--- a/docs/documentation/form/select.html
+++ b/docs/documentation/form/select.html
@@ -86,6 +86,15 @@ doc-subtab: select
 </div>
 {% endcapture %}
 
+{% capture rounded_example %}
+<div class="select is-rounded">
+  <select>
+    <option>Rounded dropdown</option>
+    <option>With options</option>
+  </select>
+</div>
+{% endcapture %}
+
 {% capture sizes_example %}
 <div class="field">
   <div class="control">
@@ -325,6 +334,19 @@ doc-subtab: select
       </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" %}
 
     <div class="columns">