NanoCSS
A very lightweight CSS framework
NanoCSS is a ready to use Lightweight CSS Framework and not required any Javascript or using HTML classes. NanoCSS is designed so that you can have a website ready in a short time, with a clean code and that you can modify and expand according to your needs.
Features
- Ready to use. Only download and include on your pages.
- No classes, only standar HTML5 elements.
- Very lightweight. Little more than 1Kb minified and gzipped.
- Write using SASS and include the 16 colors Clrs palette. You can change the colors of many elemets or the entire palette.
- Dark variant, ideal if you are a creature of the night.
Examples:
Typography
Header H1
Header H2
Header H3
Header H4
Header H5
Header H6
Lists
- Lorem ipsum
- Lorem ipsum
-
Sublist:
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Sublist:
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
Buttons:
Form
Tables:
| Singer | Group |
|---|---|
| Freddie Mercury | Queen |
| Kurk Cobain | Nirvana |
| John Lennon | Beatles |
| Jon Bon Jovi | Bon Jovi |
Responsive images
Blockquote
This is a blockquote.
Code
<pre><code>body
{
font-size: 16px;
color: #212121;
}</code></code>Video
Video by Grappen Studio from Pexels
Audio
Podcast Remember 90 & 2000 Energy Power by Fran DeJota 19-10-2019