Merge pull request #81 from PhilippeVay/2014jun
Minor improvements for comments and resources; typos; consistency
This commit is contained in:
commit
34a923e2ef
6 changed files with 14 additions and 13 deletions
12
README.md
12
README.md
|
@ -6,7 +6,7 @@ KNACSS is a minimalist, responsive and extensible style sheet to kick-start your
|
|||
|
||||
Designed by [Alsacreations agency](http://alsacreations.fr) 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 !
|
||||
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
|
||||
-----------
|
||||
|
@ -16,22 +16,22 @@ There is nothing to install. It is only a CSS file you can call as usual in the
|
|||
|
||||
You can also install KNACSS with [Bower](http://bower.io/) : ```bower install knacss```
|
||||
|
||||
... Or you can also choose the KNACSS Builder : http://knacss.com/builder/
|
||||
… 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.
|
||||
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) know that all the properties are declared **without vendor prefixes** (-webkit-,-moz-,-ms-,…), to gain clarity, and length of initial code.
|
||||
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 certainely need to add these vendor prefixes yourself (this is usually done automatically today with Autoprefixer, Mixture, Prepros, Grunt, etc.).
|
||||
You will certainly need to add these vendor prefixes yourself (this is usually done automatically today with Autoprefixer, [Mixture](http://mixture.io), [Prepros](http://alphapixels.com/prepros/), [Grunt](http://gruntjs.com), etc.).
|
||||
|
||||
Useful links
|
||||
------------
|
||||
* Website and download : http://knacss.com/
|
||||
* Website and download : http://knacss.com
|
||||
* Tutorial : http://knacss.com/demos/tutoriel.html
|
||||
* Commented code : http://knacss.com/knacss.html
|
||||
|
|
|
@ -43,13 +43,13 @@
|
|||
// breakpoints
|
||||
@tiny-screen : 320px; // tiny screens media query
|
||||
@small-screen : 480px; // small screens media query
|
||||
@medium-screen : 768px; // small screens media query
|
||||
@medium-screen : 768px; // medium screens media query
|
||||
@large-screen : 1024px; // large screens media query
|
||||
@extra-large-screen : 1280px; // extra large screens media query
|
||||
@ultra-large-screen : 1600px; // ultra large screens media query
|
||||
|
||||
// misc
|
||||
@gutter : 20px; // gutter value (%, px, em, rem) for grid layouts
|
||||
@gutter : 20px; // gutter value for grid layouts. Unit can be: %, px, em, rem
|
||||
|
||||
// LESS mixins : don't touch or you'll be banned ;)
|
||||
// px to em/rem
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
@import "00-config";
|
||||
/*!
|
||||
* www.KNACSS.com V3.0.3 (2014-05-019) @author: Raphael Goetter, Alsacreations
|
||||
* www.KNACSS.com V3.0.3 (2014-05-19) @author: Raphael Goetter, Alsacreations
|
||||
* Licence WTFPL http://www.wtfpl.net/
|
||||
*/
|
||||
|
||||
|
@ -185,7 +185,7 @@ sup {
|
|||
/* == hiding content */
|
||||
/* ----------------------------- */
|
||||
|
||||
/* hidden but not for assistance tools, Yahoo! method */
|
||||
/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
|
||||
.visually-hidden {
|
||||
position: absolute !important;
|
||||
border: 0 !important;
|
||||
|
|
|
@ -31,7 +31,7 @@
|
|||
}
|
||||
|
||||
.icon.after:before {
|
||||
content: "" !important
|
||||
content: "" !important;
|
||||
}
|
||||
|
||||
.icon-rate:before,
|
||||
|
|
|
@ -4,11 +4,11 @@
|
|||
/* ----------------------------- */
|
||||
|
||||
@media (min-width: @small-screen) {
|
||||
/* rules for big resources and big screens like: background-images, font-faces, etc. */
|
||||
/* rules for big resources and big screens like: background-images, font-faces, etc. */
|
||||
}
|
||||
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
|
||||
/* style adjustments for high density devices */
|
||||
/* style adjustments for high density devices */
|
||||
}
|
||||
|
||||
/* ---------------------------------- */
|
||||
|
|
|
@ -70,6 +70,7 @@
|
|||
*zoom: 1;
|
||||
}
|
||||
|
||||
/* old syntax of clip for IE6/IE7 */
|
||||
.visually-hidden {
|
||||
*clip: rect(1px 1px 1px 1px);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue