From d7667842aeaef0b9d5af4945077c5dddcf68a89f Mon Sep 17 00:00:00 2001 From: PhilippeVay Date: Sun, 31 Mar 2013 13:45:09 +0300 Subject: [PATCH 1/2] URL and typo --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 50f76bf..031b4c0 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ http://www.knacss.com 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. +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 ! @@ -17,7 +17,7 @@ There is nothing to install. It is only a CSS file you can call as usual in the 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 things 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. Useful links ------------ From 05147b6931cdc824830ff58c2d9d5ad8c9fcb716 Mon Sep 17 00:00:00 2001 From: PhilippeVay Date: Sun, 31 Mar 2013 14:07:39 +0300 Subject: [PATCH 2/2] code alignment, typos, better comment * code alignment: vendor prefix properties are right-aligned * .pln and .pl0 (for example) both exist and are equivalent. Comment should reflect that * no space before a ':' (in the flex part) * s/haslayout/hasLayout --- knacss.css | 74 +++++++++++++++++++++++++++--------------------------- 1 file changed, 37 insertions(+), 37 deletions(-) diff --git a/knacss.css b/knacss.css index 8620186..13c985d 100644 --- a/knacss.css +++ b/knacss.css @@ -20,7 +20,7 @@ body { } /* font-sizing for content */ -/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */ +/* preserves vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */ p, ul, ol, @@ -172,10 +172,10 @@ img, table, td, blockquote, code, pre, textarea, input, video { div, textarea, table, td, th, code, pre, samp { word-wrap: break-word; -webkit-hyphens: auto; - -moz-hyphens: auto; - -ms-hyphens: auto; - -o-hyphens: auto; - hyphens: auto; + -moz-hyphens: auto; + -ms-hyphens: auto; + -o-hyphens: auto; + hyphens: auto; } /* pictures */ @@ -215,8 +215,8 @@ body > script {display: none !important;} /* switching box model for all elements */ * { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } /* float layout */ @@ -262,56 +262,56 @@ body > script {display: none !important;} /* flexbox layout */ .flex { - display : -webkit-box; - display : -moz-box; + display: -webkit-box; + display: -moz-box; display: -ms-flexbox; - display : -webkit-flex; - display : flex; + display: -webkit-flex; + display: flex; } .flex-h { -webkit-box-orient: horizontal; - -moz-box-orient: horizontal; + -moz-box-orient: horizontal; -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .flex-v { -webkit-box-orient: vertical; - -moz-box-orient: vertical; + -moz-box-orient: vertical; -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } .flex-fluid { -moz-box-flex: 1; -webkit-flex: 1; - -moz-flex: 1; - -ms-flex: 1; - flex: 1; + -moz-flex: 1; + -ms-flex: 1; + flex: 1; } .flex-start { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: 0; - -ms-flex-order : -1; - -webkit-order : -1; - -moz-order : -1; - order : -1; + -ms-flex-order: -1; + -webkit-order: -1; + -moz-order: -1; + order: -1; } .flex-mid { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; - -ms-flex-order : 1; - -webkit-order : 1; - -moz-order : 1; - order : 1; + -ms-flex-order: 1; + -webkit-order: 1; + -moz-order: 1; + order: 1; } .flex-end { -webkit-box-ordinal-group: 42; -moz-box-ordinal-group: 42; - -ms-flex-order : 42; - -webkit-order : 42; - -moz-order : 42; - order : 42; + -ms-flex-order: 42; + -webkit-order: 42; + -moz-order: 42; + order: 42; } /* alignments (blocks and inline) */ @@ -342,7 +342,7 @@ img.left, img.right { .txtright { text-align: right; } .txtcenter { text-align: center; } -/* blocks widths (percentage and pixels) */ +/* blocks widths (percentages and pixels) */ .w10 { width: 10%; } .w20 { width: 20%; } .w25 { width: 25%; } @@ -374,7 +374,7 @@ img.left, img.right { /* spacing helpers p,m = padding,margin a,t,r,b,l = all,top,right,bottom,left -s,m,l,n = small(10px),medium(20px),large(30px),none(0) +s,m,l,n,0 = small(10px),medium(20px),large(30px), zero or none(0) source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css */ .m-reset, .ma0 { margin: 0 !important; } @@ -473,7 +473,7 @@ textarea { /* ==iefix */ /* ----------------------------- */ -/* haslayout for IE6/IE7 */ +/* hasLayout for IE6/IE7 */ .ie67 .clearfix, .ie67 .line, .ie67 .mod, @@ -483,7 +483,7 @@ textarea { } /* inline-block and table-cell for IE6/IE7 */ -/* warning: .col needs width on IE6/IE7 */ +/* warning: .col needs a width on IE6/IE7 */ .ie67 .btn, .ie67 .col, .ie67 .inbl { @@ -532,4 +532,4 @@ textarea { body { -webkit-text-size-adjust: 100%; } -} \ No newline at end of file +}