1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-06 05:47:23 +02:00
This commit is contained in:
Angelos Chalaris
2017-11-19 15:05:29 +02:00
parent bc206ee76f
commit 1ade307862
2 changed files with 28 additions and 28 deletions

View File

@@ -2,7 +2,7 @@ module.exports = {
id: 'navigation-bar', id: 'navigation-bar',
title: 'Navigation bar', title: 'Navigation bar',
keywords: [`navigation`, `bar`, `nav`, `link`], keywords: [`navigation`, `bar`, `nav`, `link`],
description: `<p>The navigation bar element has been minimally styled, allowing you to create simple vertical navigation menus for your web apps. Apart from styling from links, custom classes (<code>/sublink-1</code> and <code>/sublink-2</code>) are provided for creating navigation trees.</p>`, description: `<p>The navigation bar element has been minimally styled, allowing you to create simple vertical navigation menus for your web apps. Apart from styling from links, custom classes (<code>.sublink-1</code> and <code>.sublink-2</code>) are provided for creating navigation trees.</p>`,
example: `<nav> example: `<nav>
<a href="#" class="doc">Home</a> <span class="doc">News</span> <a href="#" class="doc">Home</a> <span class="doc">News</span>
<a href="#" class="sublink-1 doc">New Courses</a> <a href="#" class="sublink-1 doc">Certifications</a> <a href="#" class="sublink-1 doc">New Courses</a> <a href="#" class="sublink-1 doc">Certifications</a>

View File

@@ -529,7 +529,7 @@
<div class="section double-padded"><h3>Customization</h3><ul><li>Text color for the header can be changed by changing the value of the <code>--header-fore-color</code> variable.</li><li>Background color for the header can be changed by changing the value of the <code>--header-back-color</code> variable.</li><li>Border color for the header can be changed by changing the value of the <code>--header-border-color</code> variable.</li><li>Background color for focused buttons inside the header can be changed by changing the value of the <code>--header-hover-back-color</code> variable.</li></ul></div> <div class="section double-padded"><h3>Customization</h3><ul><li>Text color for the header can be changed by changing the value of the <code>--header-fore-color</code> variable.</li><li>Background color for the header can be changed by changing the value of the <code>--header-back-color</code> variable.</li><li>Border color for the header can be changed by changing the value of the <code>--header-border-color</code> variable.</li><li>Background color for focused buttons inside the header can be changed by changing the value of the <code>--header-hover-back-color</code> variable.</li></ul></div>
</div><br/><div id="navigation-bar" class="card fluid"> </div><br/><div id="navigation-bar" class="card fluid">
<h2 class="section double-padded">Navigation bar</h2> <h2 class="section double-padded">Navigation bar</h2>
<div class="section"><p>The navigation bar element has been minimally styled, allowing you to create simple vertical navigation menus for your web apps. Apart from styling from links, custom classes (<code>/sublink-1</code> and <code>/sublink-2</code>) are provided for creating navigation trees.</p></div> <div class="section"><p>The navigation bar element has been minimally styled, allowing you to create simple vertical navigation menus for your web apps. Apart from styling from links, custom classes (<code>.sublink-1</code> and <code>.sublink-2</code>) are provided for creating navigation trees.</p></div>
<div class="section"><h3>Example</h3><nav> <div class="section"><h3>Example</h3><nav>
<a href="#" class="doc">Home</a> <span class="doc">News</span> <a href="#" class="doc">Home</a> <span class="doc">News</span>
<a href="#" class="sublink-1 doc">New Courses</a> <a href="#" class="sublink-1 doc">Certifications</a> <a href="#" class="sublink-1 doc">New Courses</a> <a href="#" class="sublink-1 doc">Certifications</a>