library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-10-05 19:24:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Menus: add example to help testing menu overflow

Browse Source
This commit is contained in:
Tilo Mitra 2013-11-25 14:18:23 -05:00
parent 2d3401fe18
commit 50f502399a
1 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/menus/tests/manual/menus.html
View File

@ -8,6 +8,17 @@
<link rel="stylesheet" href="../../../../build/base.css"> <link rel="stylesheet" href="../../../../build/base.css">
<link rel="stylesheet" href="../../../../build/buttons.css"> <link rel="stylesheet" href="../../../../build/buttons.css">
<link rel="stylesheet" href="../../../../build/menus.css"> <link rel="stylesheet" href="../../../../build/menus.css">
<style>
#menu-1 {
border: 1px solid;
}
#menu-1 li a {
padding: 10px 20px;
background: rgb(150, 209, 255);
}
</style>
</head> </head>
<body> <body>
@ -27,6 +38,20 @@
</ul> </ul>
</div> </div>
<h2>Horizontal Menu (Custom)</h2>
<div id="menu-1" class="pure-menu pure-menu-open pure-menu-horizontal">
<a href="#" class="pure-menu-heading">Site Title</a>
<ul>
<li><a href="#">Home</a></li>
<li class="pure-menu-selected"><a href="#">Flickr</a></li>
<li><a href="#">Messenger</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Finance</a></li>
<li class="pure-menu-disabled"><a href="#">Disabled</a></li>
</ul>
</div>
<h2>Vertical Menu</h2> <h2>Vertical Menu</h2>
<div class="pure-menu pure-menu-open"> <div class="pure-menu pure-menu-open">