diff options
remove navbar layout
1 files changed, 4 insertions, 68 deletions
| -rw-r--r-- | index.html | 72 |
@@ -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> @@ -1037,69 +1036,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"> -<<span class="tag">header</span> <span class="atn">class</span>=<span class="atv">"navbar"</span>> - <<span class="tag">section</span> <span class="atn">class</span>=<span class="atv">"navbar-section"</span>> - <<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">"#"</span> <span class="atn">class</span>=<span class="atv">"btn btn-link btn-lg"</span>> - <<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">"icon icon-people"</span>><<span class="tag">/i</span>> - <<span class="tag">/a</span>> - <<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">"#"</span> <span class="atn">class</span>=<span class="atv">"navbar-brand"</span>>Spectre.css<<span class="tag">/a</span>> - <<span class="tag">/section</span>> - <<span class="tag">section</span> <span class="atn">class</span>=<span class="atv">"navbar-section"</span>> - <<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">"text"</span> <span class="atn">class</span>=<span class="atv">"form-input input-inline"</span> <span class="atn">placeholder</span>=<span class="atv">"search"</span> /> - <<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">"#"</span> <span class="atn">class</span>=<span class="atv">"btn btn-link"</span>>documents<<span class="tag">/a</span>> - <<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">"#"</span> <span class="atn">class</span>=<span class="atv">"btn btn-link"</span>>login<<span class="tag">/a</span>> - <<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">"#"</span> <span class="atn">class</span>=<span class="atv">"btn btn-primary"</span>>signup<<span class="tag">/a</span>> - <<span class="tag">/section</span>> -<<span class="tag">/header</span>> -</pre> - - </section> - <section id="empty" class="container grid-960"> <header class="text-center"><h4>empty states/blank slates</h4></header> <section class="notes"> @@ -1595,13 +1531,13 @@ <div class="column"> <div class="toast"> <button class="btn btn-clear float-right"></button> - <span class="icon icon-error_outline"></span> <a href="#">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. + <span class="icon icon-error_outline"></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> </div> <div class="column"> <div class="toast toast-primary"> <button class="btn btn-clear float-right"></button> - <span class="icon icon-error_outline"></span> <a href="#">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. + <span class="icon icon-error_outline"></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> </div> </div> @@ -1609,13 +1545,13 @@ <div class="column"> <div class="toast toast-success"> <button class="btn btn-clear float-right"></button> - <span class="icon icon-error_outline"></span> <a href="#">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. + <span class="icon icon-error_outline"></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> </div> <div class="column"> <div class="toast toast-danger"> <button class="btn btn-clear float-right"></button> - <span class="icon icon-error_outline"></span> <a href="#">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. + <span class="icon icon-error_outline"></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> </div> </div> |