mirror of https://github.com/n2geoff/stylelite.git
add nav .navbar decorator
This commit is contained in:
parent
e2ab2fe3a0
commit
799c8d91f9
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -60,6 +60,55 @@
|
|||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<a name="nav"></a>
|
||||
<h2>Navigation</h2>
|
||||
<div>
|
||||
<p>
|
||||
<code>nav</code> provides a convenient way to build navigation systems
|
||||
using <code>ul</code> and <code>li</code>. Internally elements <code>nav</code>
|
||||
divide, so you can put an empty <code>div</code> before the <code>ul</code>
|
||||
to make the nav on the right side or <code>div</code> on both sides
|
||||
to center
|
||||
|
||||
</p>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>One</li>
|
||||
<li>Two</li>
|
||||
<li>Three</li>
|
||||
<li>Four</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<nav>
|
||||
<div></div>
|
||||
<ul>
|
||||
<li>One</li>
|
||||
<li>Two</li>
|
||||
<li>Three</li>
|
||||
<li>Four</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<nav>
|
||||
<div></div>
|
||||
<ul>
|
||||
<li>One</li>
|
||||
<li>Two</li>
|
||||
<li>Three</li>
|
||||
<li>Four</li>
|
||||
</ul>
|
||||
<div></div>
|
||||
</nav>
|
||||
<nav class="navbar">
|
||||
<ul>
|
||||
<li>One</li>
|
||||
<li>Two</li>
|
||||
<li>Three</li>
|
||||
<li>Four</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<a name="type"></a>
|
||||
<h2>Typography</h2>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "stylelite",
|
||||
"version": "0.9.9",
|
||||
"version": "0.9.10",
|
||||
"description": "a class-lite stylesheet on the light-side",
|
||||
"scripts": {
|
||||
"build": "npx csso-cli .\\src\\stylelite.css --comments first-exclamation --output .\\dist\\stylelite.min.css -s .\\dist\\stylelite.map"
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
/*! Stylelite v:0.9.9 | MIT LICENSE | https://github.com/n2geoff/stylelite */
|
||||
/*! Stylelite v:0.9.10 | MIT LICENSE | https://github.com/n2geoff/stylelite */
|
||||
:root {
|
||||
--theme: steelblue;
|
||||
--size: 1rem;
|
||||
|
|
Loading…
Reference in New Issue