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

version 2.9.3 prise en compte https://github.com/raphaelgoetter/KNACSS/pull/46

Browse source
This commit is contained in:
Raphael Goetter 2014-01-31 15:30:55 +01:00
parent f817dbfd7d
commit 8e3c6aa61e
27 changed files with 3469 additions and 967 deletions
Download patch file Download diff file Expand all files Collapse all files

0
less/_00-config.less → less/00-config.less
View file

8
less/_01-base.less → less/01-base.less
View file

@ -1,3 +1,8 @@
@import "00-config";
/*!
* www.KNACSS.com V2.9.3 (2014-02) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/
*/
/* ----------------------------- */
/* == soft reset */
@ -353,6 +358,7 @@ img.left, img.right {
.mw960p { max-width: 960px; }
.w1140p { width: 1140px; }
.mw1140p { max-width: 1140px; }
.wauto { width: auto; }
/* ----------------------------- */
@ -436,7 +442,7 @@ source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
.em(@h6-size);
}
/* haslayout for IE6/IE7 */
/* hasLayout for IE6/IE7 */
.ie67 .clearfix,
.ie67 .line,
.ie67 .mod,

2
less/_02-grids.less → less/02-grids.less
View file

@ -1,4 +1,4 @@
@import "00-config";
/* grids inspired from SUIT https://github.com/suitcss/suit */
/* font-family hack explained here : https://github.com/raphaelgoetter/KNACSS/issues/37 */

2
less/_03-tables.less → less/03-tables.less
View file

@ -1,4 +1,4 @@
@import "00-config";
/* ----------------------------- */
/* ==tables */
/* ----------------------------- */

2
less/_04-forms.less → less/04-forms.less
View file

@ -1,4 +1,4 @@
@import "00-config";
/* ----------------------------- */
/* ==forms */
/* ----------------------------- */

2
less/_05-icons.less → less/05-icons.less
View file

@ -1,4 +1,4 @@
@import "00-config";
/* ----------------------------- */
/* ==icons and bullets */
/* ----------------------------- */

45
less/_06-rwd.less → less/06-rwd.less
View file

@ -1,4 +1,4 @@
@import "00-config";
/* ----------------------------- */
/* ==desktop and retina medias */
/* ----------------------------- */
@ -16,9 +16,8 @@
@media (min-width: @largescreen) {
/* layouts for large (l) screens */
.large-hidden,
.tablet-hidden { display: none !important; }
/* layouts for large screens */
.large-hidden { display: none !important; }
.large-visible { display: block !important; }
.large-no-float {float: none; }
.large-inbl {
@ -36,13 +35,14 @@
vertical-align: top;
}
/* widths for large (l) screens */
/* widths for large screens */
.large-w25 { width: 25% !important; }
.large-w33 { width: 33.3333% !important; }
.large-w50 { width: 50% !important; }
.large-w66 { width: 66.6666% !important; }
.large-w75 { width: 75% !important; }
.large-w100 {
.large-w100,
.large-wauto {
display: block !important;
float: none !important;
clear: none !important;
@ -52,26 +52,24 @@
border: 0;
}
/* margins for large (l) screens */
/* margins for large screens */
.large-ma0 { margin: 0 !important; }
}
@media (max-width: @smallscreen) {
/* quick tablet reset */
/* quick reset in small resolution and less */
.w600p,
.w700p,
.w800p,
.w960p,
.mw960p,
.small-wauto {
.mw960p {
width: auto;
float: none;
}
/* layouts for medium (m) screens */
.small-hidden,
.tablet-hidden { display: none !important; }
/* layouts for small screens */
.small-hidden { display: none !important; }
.small-visible { display: block !important; }
.small-no-float {float: none; }
.small-inbl {
@ -99,13 +97,14 @@
hyphens: auto;
}
/* widths for small (s) screens */
/* widths for small screens */
.small-w25 { width: 25% !important; }
.small-w33 { width: 33.3333% !important; }
.small-w50 { width: 50% !important; }
.small-w66 { width: 66.6666% !important; }
.small-w75 { width: 75% !important; }
.small-w100 {
.small-w100,
.small-wauto {
display: block !important;
float: none !important;
clear: none !important;
@ -114,13 +113,13 @@
margin-right: 0 !important;
border: 0;
}
/* margins for small (s) screens */
/* margins for small screens */
.small-ma0 { margin: 0 !important; }
}
@media (max-width: @tinyscreen) {
/* quick smartphone reset */
/* quick tiny resolution reset */
.mod,
.col,
fieldset {
@ -143,9 +142,8 @@
width: 100% !important;
}
/* layouts for tiny (t) screens */
.tiny-hidden,
.phone-hidden { display: none !important; }
/* layouts for tiny screens */
.tiny-hidden { display: none !important; }
.tiny-visible { display: block !important; }
.tiny-no-float {float: none;}
.tiny-inbl {
@ -170,13 +168,14 @@
}
thead { display: none; }
/* widths for tiny (t) screens */
/* widths for tiny screens */
.tiny-w25 { width: 25% !important; }
.tiny-w33 { width: 33.3333% !important; }
.tiny-w50 { width: 50% !important; }
.tiny-w66 { width: 66.6666% !important; }
.tiny-w75 { width: 75% !important; }
.tiny-w100 {
.tiny-w100,
.tiny-wauto {
display: block !important;
float: none !important;
clear: none !important;
@ -185,6 +184,6 @@
margin-right: 0 !important;
border: 0;
}
/* margins for tiny (t) screens */
/* margins for tiny screens */
.tiny-ma0 { margin: 0 !important; }
}

7
less/_07-flexbox.less → less/07-flexbox.less
View file

@ -1,9 +1,10 @@
/* flexbox layout */
@import "00-config";
/* flexbox layout
Tutorial: http://knacss.com/demos/tutoriel.html#flex */
.flex {
display : -webkit-box;
display : -moz-box;
display: -ms-flexbox;
display : -ms-flexbox;
display : -webkit-flex;
display : flex;
}

1
less/_08-print.less → less/08-print.less
View file

@ -1,3 +1,4 @@
@import "00-config";
/* quick print reset */
@media print {
* {

BIN
less/knackLESS.zip
View file

Binary file not shown.

23
less/knacss.less
View file

@ -1,22 +1,17 @@
/*!
* www.KNACSS.com V2.9.2 (2014-01) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/
*/
// LESS config file
@import "_00-config";
@import "00-config";
// LESS base styles
@import "_01-base";
@import "01-base";
// LESS files : chose the ones you need
@import "_02-grids";
@import "_03-tables";
@import "_04-forms";
@import "_05-icons";
@import "_06-rwd";
@import "_07-flexbox";
@import "_08-print";
@import "02-grids";
@import "03-tables";
@import "04-forms";
@import "05-icons";
@import "06-rwd";
@import "07-flexbox";
@import "08-print";
/* ----------------------------- */
/* ==own stylesheet */