updating the examples, removing old responsive exmple

This commit is contained in:
James Alley 2015-01-27 14:57:32 -08:00
parent 1882442368
commit 02a404bff9

View File

@ -128,7 +128,7 @@
</ul> </ul>
</div> </div>
<h1>plain div.pure-menu, with nested children</h1> <h1>plain div.pure-menu, with nested children. Note that with no width set, it's funky, but using inline-block would not be desirable for most cases.</h1>
<div class="pure-menu"> <div class="pure-menu">
<a href="#" class="pure-menu-heading">Title</a> <a href="#" class="pure-menu-heading">Title</a>
<ul class="pure-menu-list"> <ul class="pure-menu-list">
@ -149,7 +149,7 @@
</ul> </ul>
</div> </div>
<h1>div.pure-menu.pure-menu-custom-2, with nested children</h1> <h1>div.pure-menu.pure-menu-custom-2, with nested children. Here, a width is set.</h1>
<div class="pure-menu pure-menu-custom-2"> <div class="pure-menu pure-menu-custom-2">
<a href="#" class="pure-menu-heading">Title</a> <a href="#" class="pure-menu-heading">Title</a>
<ul class="pure-menu-list"> <ul class="pure-menu-list">
@ -206,31 +206,6 @@
</ul> </ul>
</div> </div>
<!--
<h1>div.pure-menu.pure-menu-horizontal.pure-menu-responsive, with nested children</h1>
<div class="pure-menu pure-menu-horizontal pure-menu-responsive">
<a href="#" class="pure-menu-link pure-menu-heading">Title</a>
<a href="#" class="pure-menu-responsive-toggle">Toggle</a>
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Home</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">About</a></li>
<li class="pure-menu-item pure-menu-has-children">
<a href="#" class="pure-menu-link">Blog</a>
<ul class="pure-menu-children">
<li class="pure-menu-item"><a class="pure-menu-link" href="/handlebars">Handlebars Helpers</a></li>
<li class="pure-menu-item"><a class="pure-menu-link" href="/dust">Dust Helpers</a></li>
<li class="pure-menu-item"><a class="pure-menu-link" href="/react">React Mixins</a></li>
<li class="pure-menu-item"><a class="pure-menu-link" href="/javascript">Intl Message Format</a></li>
</ul>
</li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Contact</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">GitHub</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Twitter</a></li>
</ul>
</div>
-->
<h1>div.pure-menu.pure-menu-horizontal, with nested children, customized</h1> <h1>div.pure-menu.pure-menu-horizontal, with nested children, customized</h1>
<div class="menu-custom pure-menu pure-menu-horizontal" hidden> <div class="menu-custom pure-menu pure-menu-horizontal" hidden>
<a href="#" class="heading-custom pure-menu-link pure-menu-heading">Title</a> <a href="#" class="heading-custom pure-menu-link pure-menu-heading">Title</a>