1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-25 14:51:06 +02:00

Navigational elements complete

This commit is contained in:
Angelos Chalaris
2016-11-02 21:16:35 +02:00
parent 81d815f205
commit 70d0a4ee9c
6 changed files with 38 additions and 11 deletions

View File

@@ -265,3 +265,6 @@
- Added simple styling for `nav`. Created iteration builder for `sublink` and categories tree.
- Tested and optimized `nav`, added demo to `index`.
- Deployed demo page again.
- Added styling and variables for `footer`.
- Changed optimization for links in `footer` and `nav` to not distinguish between `:visited` links and normal ones, style needed reapplication.
- Tested `footer` component styling.

View File

@@ -2,7 +2,7 @@
<html>
<head>
<!-- Live demo styled as of 20161025 -->
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/f5e087212966652f4a538d53a62feff21c1c63bd/flavors/v2/mini-default.min.css">
<!-- <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/f5e087212966652f4a538d53a62feff21c1c63bd/flavors/v2/mini-default.min.css"> -->
<link rel="stylesheet" href="../../flavors/v2/mini-default.css">
<title>mini.css - A minimal Sass-y responsive mobile-first style-agnostic CSS framework</title>
<meta charset="utf-8">
@@ -381,11 +381,12 @@
</div>
</div>
</div><br>
<p>Finally, use the <code>&lt;footer&gt;</code> element to create your very own footer, the way you want it.</p>
<p>Finally, use the <code>&lt;footer&gt;</code> element to create your footer. Add links, images, credits. This element is not meant for main navigation, but many pages use it for some kind of navigation or other. Try to place the <code>&lt;footer&gt;</code> outside of the grid system for best results. Below is an example:</p>
<footer>&copy; 2016 mini.css | <a href="#">About</a> | <a href="#">Terms of use</a></footer><br>
</div>
</div>
</div>
</div>
<footer><strong>mini.css</strong> was designed and built by <a href="https://github.com/Chalarangelo">@Chalarangelo</a>. It is licensed under the <a href="https://github.com/Chalarangelo/mini.css/blob/master/LICENSE">MIT License</a>. You can view the project's source code on <a href="https://github.com/Chalarangelo/mini.css">Github</a>.</footer>
</body>
</html>