mirror of
https://github.com/pure-css/pure.git
synced 2024-11-24 10:44:21 +00:00
updating the examples, removing old responsive exmple
This commit is contained in:
parent
1882442368
commit
02a404bff9
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user