21b60e0afd
To avoid RWD problems with inline SVG :) |
||
---|---|---|
css | ||
less | ||
sass | ||
.gitattributes | ||
.gitignore | ||
bower.json | ||
README.md |
KNACSS
KNACSS is a minimalist, responsive and extensible style sheet to kick-start your HTML / CSS projects.
Designed by Alsacreations agency and used on a daily basis in production, KNACSS is not only a lightweight documented framework but also a CSS reset, adapted to every project no matter its size.
It handles basic elements, box sizing, margins, floats, simple and complex aligns, positioning, layout grids, gutters, old IE fallbacks and last but not least responsiveness, everything automagically!
Installation
There is nothing to install. It is only a CSS file you can call as usual in the head of your document with a link element:
<link rel="stylesheet" href="knacss.css" media="all">
You can also install KNACSS with Bower : bower install knacss
… Or you can also choose the KNACSS Builder : http://knacss.com/builder/
Usage
KNACSS is a collection of ready to use styles and snippets to kick-start your project. Feel free to use it as a “reset”, then make it grow to suit your needs. Take the time to read the documentation before jumping in. Indeed, KNACSS doesn’t always suit beginners’ needs since a little thing can have big consequences.
Vendor Prefixes
If you use one of the pre-processed version of KNACSS (LESS / Sass), beware that all the properties are declared without vendor prefixes (-webkit-,-moz-,-ms-,…), to gain clarity, and length of initial code.
You will certainly need to add these vendor prefixes yourself (this is usually done automatically today with Autoprefixer, Mixture, Prepros, Grunt, etc.).
Useful links
- Website and download : http://knacss.com
- Documentation : http://knacss.com/doc.html
- Commented code : http://knacss.com/knacss.html