Merge pull request #307 from picturepan2/0.4.4 v0.4.4

0.4.4

1 files changed, 7 insertions, 9 deletions

diff --git a/docs/elements.html b/docs/elements.html
index baee6c8..9bcc209 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -694,8 +694,7 @@
           </div>
 
 <!-- buttons -->
-<pre class="code" data-lang="HTML"><code>
-<span class="com">&lt;!-- buttons with disabled state --&gt;</span>
+<pre class="code" data-lang="HTML"><code><span class="com">&lt;!-- buttons with disabled state --&gt;</span>
 &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn disabled&quot;</span> <span class="atn">tabindex</span>=<span class="atv">&quot;-1&quot;</span>&gt;disabled button&lt;<span class="tag">/button</span>&gt;
 &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn&quot;</span> <span class="atn">disabled</span> <span class="atn">tabindex</span>=<span class="atv">&quot;-1&quot;</span>&gt;disabled button&lt;<span class="tag">/button</span>&gt;
 </code></pre>
@@ -713,8 +712,7 @@
           </div>
 
 <!-- buttons -->
-<pre class="code" data-lang="HTML"><code>
-<span class="com">&lt;!-- buttons with disabled state --&gt;</span>
+<pre class="code" data-lang="HTML"><code><span class="com">&lt;!-- buttons with disabled state --&gt;</span>
 &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn disabled&quot;</span> <span class="atn">tabindex</span>=<span class="atv">&quot;-1&quot;</span>&gt;disabled button&lt;<span class="tag">/button</span>&gt;
 &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn&quot;</span> <span class="atn">disabled</span> <span class="atn">tabindex</span>=<span class="atv">&quot;-1&quot;</span>&gt;disabled button&lt;<span class="tag">/button</span>&gt;
 </code></pre>
@@ -1336,9 +1334,9 @@
             <p>To use form validation styles, add <code>is-success</code> or <code>is-error</code> class to the controls or add <code>has-success</code> or <code>has-error</code> class to parent elements. You can use the <code>form-input-hint</code> class to provide form validation success and error messages.</p>
           </div>
           <div class="columns">
-            <div class="column col-6 col-xs-12">
+            <div class="column col-9 col-sm-12">
               <fieldset>
-                <legend>form-input</legend>
+                <legend>Input</legend>
                 <div class="form-group">
                   <label class="form-label" for="input-example-17">Name</label>
                   <input class="form-input is-success" type="text" id="input-example-17" placeholder="Name">
@@ -1356,7 +1354,7 @@
                 </div>
               </fieldset>
               <fieldset>
-                <legend>form-select</legend>
+                <legend>Select</legend>
                 <div class="form-group">
                   <select class="form-select is-error">
                     <option>Choose an option</option>
@@ -1377,7 +1375,7 @@
                 </div>
               </fieldset>
               <fieldset>
-                <legend>form-checkbox, radio and switch (Error status only)</legend>
+                <legend>Checkbox, Radio and Switch (Error state only)</legend>
                 <div class="form-group">
                   <label class="form-checkbox is-error">
                     <input type="checkbox" checked>
@@ -1396,7 +1394,7 @@
                 </div>
                 <div class="form-group">
                   <label class="form-switch is-error">
-                    <input type="checkbox">
+                    <input type="checkbox" checked>
                     <i class="form-icon"></i> Send me emails with news and tips
                   </label>
                 </div>