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
10
README.md
10
README.md
|
@ -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```
|
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
|
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.
|
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
|
## 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
|
Useful links
|
||||||
------------
|
------------
|
||||||
* Website and download : http://knacss.com/
|
* Website and download : http://knacss.com
|
||||||
* Tutorial : http://knacss.com/demos/tutoriel.html
|
* Tutorial : http://knacss.com/demos/tutoriel.html
|
||||||
* Commented code : http://knacss.com/knacss.html
|
* Commented code : http://knacss.com/knacss.html
|
||||||
|
|
|
@ -43,13 +43,13 @@
|
||||||
// breakpoints
|
// breakpoints
|
||||||
@tiny-screen : 320px; // tiny screens media query
|
@tiny-screen : 320px; // tiny screens media query
|
||||||
@small-screen : 480px; // small 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
|
@large-screen : 1024px; // large screens media query
|
||||||
@extra-large-screen : 1280px; // extra large screens media query
|
@extra-large-screen : 1280px; // extra large screens media query
|
||||||
@ultra-large-screen : 1600px; // ultra large screens media query
|
@ultra-large-screen : 1600px; // ultra large screens media query
|
||||||
|
|
||||||
// misc
|
// 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 ;)
|
// LESS mixins : don't touch or you'll be banned ;)
|
||||||
// px to em/rem
|
// px to em/rem
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
@import "00-config";
|
@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/
|
* Licence WTFPL http://www.wtfpl.net/
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@ -185,7 +185,7 @@ sup {
|
||||||
/* == hiding content */
|
/* == 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 {
|
.visually-hidden {
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
border: 0 !important;
|
border: 0 !important;
|
||||||
|
|
|
@ -31,7 +31,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon.after:before {
|
.icon.after:before {
|
||||||
content: "" !important
|
content: "" !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-rate:before,
|
.icon-rate:before,
|
||||||
|
|
|
@ -70,6 +70,7 @@
|
||||||
*zoom: 1;
|
*zoom: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* old syntax of clip for IE6/IE7 */
|
||||||
.visually-hidden {
|
.visually-hidden {
|
||||||
*clip: rect(1px 1px 1px 1px);
|
*clip: rect(1px 1px 1px 1px);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue