Merge pull request #86 from picturepan2/hotfix/fixes

Hotfix/fixes

1 files changed, 14 insertions, 65 deletions

diff --git a/index.html b/index.html
index 5c81759..35af433 100644
--- a/index.html
+++ b/index.html
@@ -855,7 +855,6 @@
                 <div class="btn-group">
                     <a href="#grid" class="btn btn-primary">flexbox grid</a>
                     <a href="#responsive" class="btn btn-primary">responsive</a>
-                    <a href="#navbar" class="btn btn-primary">navbar</a>
                     <a href="#empty" class="btn btn-primary">empty states</a>
                 </div>
             </section>
@@ -945,6 +944,19 @@
                 </div>
             </div>
 
+            <section class="notes">
+                <p>Add the class <code>col-multiline</code> to have a multiline grid.</p>
+            </section>
+
+            <div class="columns col-multiline">
+                <div class="column col-8">
+                    <div class="bg-grey">col-8</div>
+                </div>
+                <div class="column col-8">
+                    <div class="bg-grey">col-8</div>
+                </div>
+            </div>
+
             <!-- layout example -->
 <pre class="code lang-html">
 &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;container&quot;</span>&gt;
@@ -1037,69 +1049,6 @@
             </section>
         </section>
 
-        <section id="navbar" class="container grid-960">
-            <header class="text-center"><h4>navbar</h4></header>
-            <section class="notes">
-                <p><strong>Navbar</strong> is a layout container that appear in the header of apps and websites. </p>
-            </section>
-            <div class="columns">
-                <div class="column">
-                    <header class="navbar bg-grey">
-                        <section class="navbar-section">
-                            <a href="#navbar" class="btn btn-link btn-lg"><i class="icon icon-menu"></i></a>
-                            <a href="#navbar" class="navbar-brand">Spectre.css</a>
-                        </section>
-                        <section class="navbar-section">
-                            <input class="form-input input-inline" type="text" placeholder="search" />
-                            <a href="#navbar" class="btn btn-link">documents</a>
-                            <a href="#navbar" class="btn btn-link">login</a>
-                            <a href="#navbar" class="btn btn-primary">signup</a>
-                        </section>
-                    </header>
-                </div>
-            </div>
-            <div class="columns">
-                <div class="column">
-                    <header class="navbar">
-                        <section class="navbar-section">
-                            <a href="#navbar" class="btn btn-link btn-lg"><i class="icon icon-menu"></i></a>
-                            <a href="#navbar" class="navbar-brand">Spectre.css</a>
-                        </section>
-                        <section class="navbar-section">
-                            <input class="form-input input-inline" type="text" placeholder="search" />
-                            <figure class="avatar ml-10 mr-10">
-                                <img src="demo/img/avatar-4.png" />
-                            </figure>
-                            <a href="#navbar" class="btn btn-primary">share</a>
-                        </section>
-                    </header>
-                </div>
-            </div>
-
-            <section class="notes">
-                <p>A navbar component can include logo brand, nav links and buttons, search box or any combination of those elements. By default, there is no grey background.</p>
-            </section>
-
-            <!-- navbar example -->
-<pre class="code lang-html">
-&lt;<span class="tag">header</span> <span class="atn">class</span>=<span class="atv">&quot;navbar&quot;</span>&gt;
-    &lt;<span class="tag">section</span> <span class="atn">class</span>=<span class="atv">&quot;navbar-section&quot;</span>&gt;
-        &lt;<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">&quot;#&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;btn btn-link btn-lg&quot;</span>&gt;
-            &lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;icon icon-people&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt;
-        &lt;<span class="tag">/a</span>&gt;
-        &lt;<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">&quot;#&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;navbar-brand&quot;</span>&gt;Spectre.css&lt;<span class="tag">/a</span>&gt;
-    &lt;<span class="tag">/section</span>&gt;
-    &lt;<span class="tag">section</span> <span class="atn">class</span>=<span class="atv">&quot;navbar-section&quot;</span>&gt;
-        &lt;<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">&quot;text&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;form-input input-inline&quot;</span> <span class="atn">placeholder</span>=<span class="atv">&quot;search&quot;</span> /&gt;
-        &lt;<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">&quot;#&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;btn btn-link&quot;</span>&gt;documents&lt;<span class="tag">/a</span>&gt;
-        &lt;<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">&quot;#&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;btn btn-link&quot;</span>&gt;login&lt;<span class="tag">/a</span>&gt;
-        &lt;<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">&quot;#&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;btn btn-primary&quot;</span>&gt;signup&lt;<span class="tag">/a</span>&gt;
-    &lt;<span class="tag">/section</span>&gt;
-&lt;<span class="tag">/header</span>&gt;
-</pre>
-
-        </section>
-
         <section id="empty" class="container grid-960">
             <header class="text-center"><h4>empty states/blank slates</h4></header>
             <section class="notes">
@@ -2502,7 +2451,7 @@
     <footer class="bg-grey">
         <section id="copyright" class="grid-footer container grid-960">
             <p>
-                <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="#">Back to top</a> | version: 0.1.24
+                <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="#">Back to top</a> | version: 0.1.25
             </p>
             <p>Designed and built with love by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
         </section>