dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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
This commit is contained in:
PhilippeVay 2013-03-31 14:07:39 +03:00
parent d7667842ae
commit 05147b6931
1 changed files with 37 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
knacss.css
View File

@ -20,7 +20,7 @@ body {
} }
/* font-sizing for content */ /* 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, p,
ul, ul,
ol, ol,
@ -172,10 +172,10 @@ img, table, td, blockquote, code, pre, textarea, input, video {
div, textarea, table, td, th, code, pre, samp { div, textarea, table, td, th, code, pre, samp {
word-wrap: break-word; word-wrap: break-word;
-webkit-hyphens: auto; -webkit-hyphens: auto;
-moz-hyphens: auto; -moz-hyphens: auto;
-ms-hyphens: auto; -ms-hyphens: auto;
-o-hyphens: auto; -o-hyphens: auto;
hyphens: auto; hyphens: auto;
} }
/* pictures */ /* pictures */
@ -215,8 +215,8 @@ body > script {display: none !important;}
/* switching box model for all elements */ /* switching box model for all elements */
* { * {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
/* float layout */ /* float layout */
@ -262,56 +262,56 @@ body > script {display: none !important;}
/* flexbox layout */ /* flexbox layout */
.flex { .flex {
display : -webkit-box; display: -webkit-box;
display : -moz-box; display: -moz-box;
display: -ms-flexbox; display: -ms-flexbox;
display : -webkit-flex; display: -webkit-flex;
display : flex; display: flex;
} }
.flex-h { .flex-h {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-moz-box-orient: horizontal; -moz-box-orient: horizontal;
-webkit-flex-direction: row; -webkit-flex-direction: row;
-ms-flex-direction: row; -ms-flex-direction: row;
flex-direction: row; flex-direction: row;
} }
.flex-v { .flex-v {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-moz-box-orient: vertical; -moz-box-orient: vertical;
-webkit-flex-direction: column; -webkit-flex-direction: column;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
.flex-fluid { .flex-fluid {
-moz-box-flex: 1; -moz-box-flex: 1;
-webkit-flex: 1; -webkit-flex: 1;
-moz-flex: 1; -moz-flex: 1;
-ms-flex: 1; -ms-flex: 1;
flex: 1; flex: 1;
} }
.flex-start { .flex-start {
-webkit-box-ordinal-group: -1; -webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: 0; -moz-box-ordinal-group: 0;
-ms-flex-order : -1; -ms-flex-order: -1;
-webkit-order : -1; -webkit-order: -1;
-moz-order : -1; -moz-order: -1;
order : -1; order: -1;
} }
.flex-mid { .flex-mid {
-webkit-box-ordinal-group: 1; -webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1; -moz-box-ordinal-group: 1;
-ms-flex-order : 1; -ms-flex-order: 1;
-webkit-order : 1; -webkit-order: 1;
-moz-order : 1; -moz-order: 1;
order : 1; order: 1;
} }
.flex-end { .flex-end {
-webkit-box-ordinal-group: 42; -webkit-box-ordinal-group: 42;
-moz-box-ordinal-group: 42; -moz-box-ordinal-group: 42;
-ms-flex-order : 42; -ms-flex-order: 42;
-webkit-order : 42; -webkit-order: 42;
-moz-order : 42; -moz-order: 42;
order : 42; order: 42;
} }
/* alignments (blocks and inline) */ /* alignments (blocks and inline) */
@ -342,7 +342,7 @@ img.left, img.right {
.txtright { text-align: right; } .txtright { text-align: right; }
.txtcenter { text-align: center; } .txtcenter { text-align: center; }
/* blocks widths (percentage and pixels) */ /* blocks widths (percentages and pixels) */
.w10 { width: 10%; } .w10 { width: 10%; }
.w20 { width: 20%; } .w20 { width: 20%; }
.w25 { width: 25%; } .w25 { width: 25%; }
@ -374,7 +374,7 @@ img.left, img.right {
/* spacing helpers /* spacing helpers
p,m = padding,margin p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left 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 source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
*/ */
.m-reset, .ma0 { margin: 0 !important; } .m-reset, .ma0 { margin: 0 !important; }
@ -473,7 +473,7 @@ textarea {
/* ==iefix */ /* ==iefix */
/* ----------------------------- */ /* ----------------------------- */
/* haslayout for IE6/IE7 */ /* hasLayout for IE6/IE7 */
.ie67 .clearfix, .ie67 .clearfix,
.ie67 .line, .ie67 .line,
.ie67 .mod, .ie67 .mod,
@ -483,7 +483,7 @@ textarea {
} }
/* inline-block and table-cell for IE6/IE7 */ /* 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 .btn,
.ie67 .col, .ie67 .col,
.ie67 .inbl { .ie67 .inbl {
@ -532,4 +532,4 @@ textarea {
body { body {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
} }
} }