add nav .navbar decorator

This commit is contained in:
Geoff Doty 2025-05-14 20:13:34 -04:00
parent e2ab2fe3a0
commit 799c8d91f9
5 changed files with 54 additions and 5 deletions

2
dist/stylelite.map vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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>

View File

@ -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"

View File

@ -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;