瀏覽代碼

Add rounded documentation

Jeremy Thomas 7 年之前
父節點
當前提交
31ec88ea3e
共有 3 個文件被更改,包括 60 次插入0 次删除
  1. 21 0
      docs/documentation/elements/button.html
  2. 17 0
      docs/documentation/form/input.html
  3. 22 0
      docs/documentation/form/select.html

+ 21 - 0
docs/documentation/elements/button.html

@@ -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 - 0
docs/documentation/form/input.html

@@ -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 - 0
docs/documentation/form/select.html

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