Merge pull request #81 from PhilippeVay/2014jun

Minor improvements for comments and resources; typos; consistency
This commit is contained in:
Raphael Goetter 2014-06-30 20:54:22 +02:00
commit 34a923e2ef
6 changed files with 14 additions and 13 deletions

View file

@ -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. 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 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``` 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 doesnt always suit beginners needs since a little thing can have big consequences. Take the time to read the documentation before jumping in. Indeed, KNACSS doesnt 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

View file

@ -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

View file

@ -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;

View file

@ -31,7 +31,7 @@
} }
.icon.after:before { .icon.after:before {
content: "" !important content: "" !important;
} }
.icon-rate:before, .icon-rate:before,

View file

@ -4,11 +4,11 @@
/* ----------------------------- */ /* ----------------------------- */
@media (min-width: @small-screen) { @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) { @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 */
} }
/* ---------------------------------- */ /* ---------------------------------- */

View file

@ -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);
} }