Add rounded documentation

diff --git a/docs/documentation/elements/button.html b/docs/documentation/elements/button.html
index 52c31a4a3405c775395ced8b5876e378c02ebbc3..037cae1db128e6101d2653c2991f4809287da886 100644 (file)
--- 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 15d560526a7eef2048debc623dd1b4350434b1b8..c478a6e7522318e5db0101b248afecf31d220616 100644 (file)
--- 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 cf26ebb8d36130ac3982764c6ca6888430f6fca5..a3361136298f3bda9069acddc32b72723a3e9102 100644 (file)
--- 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">