Steev/steevcss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated Navbar option fixed position

Browse Source 
Navbar position will now be fixed by class and wont be forced on top
This commit is contained in:
Steev
2022-03-15 13:23:56 +01:00
parent d4a0cb45ef
commit eecee7f917
11 changed files with 116 additions and 773 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/index.html
View File

@ -11,7 +11,7 @@
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/styles/default.min.css">
</head>
<body>
<header>
<header class="locked-top">
<h1 class="nav-logo">Logo</h1>
<input id="nav-toggle" type="checkbox" class="nav-toggle">
<label for="nav-toggle" class="nav-toggle-label">
@ -66,10 +66,47 @@
<h1>Code Embed</h1>
<pre>
<code class="language-html">
<h1>test</h1>
code here, escape it yourself.
<h2>test</h2>
<h1>test</h1>
code here, escape it yourself.
<h2>test</h2>
<link rel="stylesheet" href="https://steevlp.github.io/steevcss/dist/steevcss.bundled.min.css">
</code>
</pre>
<header>
<h1 class="nav-logo">Logo</h1>
<input id="nav-toggle" type="checkbox" class="nav-toggle">
<label for="nav-toggle" class="nav-toggle-label">
<span></span>
</label>
<nav>
<ul>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
</ul>
</nav>
</header>
<pre>
<code class="language-html">
<header>
<h1 class="nav-logo">Logo</h1>
<input id="nav-toggle" type="checkbox" class="nav-toggle">
<label for="nav-toggle" class="nav-toggle-label">
<span></span>
</label>
<nav>
<ul>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test</a></li>
</ul>
</nav>
</header>
</code>
</pre>
<h1 style="text-align: center;">Alert Elements</h1>