fichiers CSS à jour

This commit is contained in:
raphaelgoettter 2015-04-13 16:16:13 +02:00
parent 7e73344592
commit 1b8e540dd4
8 changed files with 45 additions and 48 deletions

View file

@ -1,6 +1,6 @@
{ {
"name": "KNACSS", "name": "KNACSS",
"version": "4.1.1", "version": "4.1.2",
"homepage": "http://www.knacss.com/", "homepage": "http://www.knacss.com/",
"authors": [ "authors": [
"Raphaël GOETTER, Alsacreations" "Raphaël GOETTER, Alsacreations"

View file

@ -1,5 +1,5 @@
/*! /*!
* www.KNACSS.com V4.1.1 (2015-03-30) @author: Raphael Goetter, Alsacreations * www.KNACSS.com V4.1.3 (2015-04-13) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/ * Licence WTFPL http://www.wtfpl.net/
*/ */
/*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */ /*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */
@ -653,45 +653,45 @@ body > script {
/* flexbox layout /* flexbox layout
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/ */
.flexbox, .flex-container {
.flexbox-h,
.flexbox-v {
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-flex-wrap: wrap; -webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
}
.flex-container-h {
-webkit-flex-direction: row; -webkit-flex-direction: row;
-ms-flex-direction: row; -ms-flex-direction: row;
flex-direction: row; flex-direction: row;
} }
.flexbox-v { .flex-container-v {
-webkit-flex-direction: column; -webkit-flex-direction: column;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
.flexitem-fluid { .flex-item-fluid {
-webkit-flex: 1; -webkit-flex: 1;
-ms-flex: 1; -ms-flex: 1;
flex: 1; flex: 1;
} }
.flexitem-first { .flex-item-first {
-webkit-order: -1; -webkit-order: -1;
-ms-flex-order: -1; -ms-flex-order: -1;
order: -1; order: -1;
} }
.flexitem-medium { .flex-item-medium {
-webkit-order: 0; -webkit-order: 0;
-ms-flex-order: 0; -ms-flex-order: 0;
order: 0; order: 0;
} }
.flexitem-last { .flex-item-last {
-webkit-order: 1; -webkit-order: 1;
-ms-flex-order: 1; -ms-flex-order: 1;
order: 1; order: 1;
} }
.flexitem-center { .flex-item-center {
margin: auto; margin: auto;
} }
/* ---------------------------------- */ /* ---------------------------------- */
@ -724,14 +724,14 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-2 > * { .grid-2 > * {
width: calc(100% * 1 / 2 - 1em); width: calc(100% * 1 / 2 - 1em);
} }
.grid-2 > .flexitem-double { .grid-2 > .flex-item-double {
width: calc(100% * 2 / 2 - 1em); width: calc(100% * 2 / 2 - 1em);
} }
@media (min-width: 481px) and (max-width: 768px) { @media (min-width: 481px) and (max-width: 768px) {
.grid-2 > * { .grid-2 > * {
width: calc(100% * 1 / 2 - 1em); width: calc(100% * 1 / 2 - 1em);
} }
.grid-2 > .flexitem-double { .grid-2 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
@ -739,21 +739,21 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-2 > * { .grid-2 > * {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
.grid-2 > .flexitem-double { .grid-2 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
.grid-3 > * { .grid-3 > * {
width: calc(100% * 1 / 3 - 1em); width: calc(100% * 1 / 3 - 1em);
} }
.grid-3 > .flexitem-double { .grid-3 > .flex-item-double {
width: calc(100% * 2 / 3 - 1em); width: calc(100% * 2 / 3 - 1em);
} }
@media (min-width: 481px) and (max-width: 768px) { @media (min-width: 481px) and (max-width: 768px) {
.grid-3 > * { .grid-3 > * {
width: calc(100% * 1 / 2 - 1em); width: calc(100% * 1 / 2 - 1em);
} }
.grid-3 > .flexitem-double { .grid-3 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
@ -761,21 +761,21 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-3 > * { .grid-3 > * {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
.grid-3 > .flexitem-double { .grid-3 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
.grid-4 > * { .grid-4 > * {
width: calc(100% * 1 / 4 - 1em); width: calc(100% * 1 / 4 - 1em);
} }
.grid-4 > .flexitem-double { .grid-4 > .flex-item-double {
width: calc(100% * 2 / 4 - 1em); width: calc(100% * 2 / 4 - 1em);
} }
@media (min-width: 481px) and (max-width: 768px) { @media (min-width: 481px) and (max-width: 768px) {
.grid-4 > * { .grid-4 > * {
width: calc(100% * 1 / 2 - 1em); width: calc(100% * 1 / 2 - 1em);
} }
.grid-4 > .flexitem-double { .grid-4 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
@ -783,21 +783,21 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-4 > * { .grid-4 > * {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
.grid-4 > .flexitem-double { .grid-4 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
.grid-5 > * { .grid-5 > * {
width: calc(100% * 1 / 5 - 1em); width: calc(100% * 1 / 5 - 1em);
} }
.grid-5 > .flexitem-double { .grid-5 > .flex-item-double {
width: calc(100% * 2 / 5 - 1em); width: calc(100% * 2 / 5 - 1em);
} }
@media (min-width: 481px) and (max-width: 768px) { @media (min-width: 481px) and (max-width: 768px) {
.grid-5 > * { .grid-5 > * {
width: calc(100% * 1 / 2 - 1em); width: calc(100% * 1 / 2 - 1em);
} }
.grid-5 > .flexitem-double { .grid-5 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
@ -805,21 +805,21 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-5 > * { .grid-5 > * {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
.grid-5 > .flexitem-double { .grid-5 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
.grid-6 > * { .grid-6 > * {
width: calc(100% * 1 / 6 - 1em); width: calc(100% * 1 / 6 - 1em);
} }
.grid-6 > .flexitem-double { .grid-6 > .flex-item-double {
width: calc(100% * 2 / 6 - 1em); width: calc(100% * 2 / 6 - 1em);
} }
@media (min-width: 481px) and (max-width: 768px) { @media (min-width: 481px) and (max-width: 768px) {
.grid-6 > * { .grid-6 > * {
width: calc(100% * 1 / 2 - 1em); width: calc(100% * 1 / 2 - 1em);
} }
.grid-6 > .flexitem-double { .grid-6 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
@ -827,21 +827,21 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-6 > * { .grid-6 > * {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
.grid-6 > .flexitem-double { .grid-6 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
.grid-7 > * { .grid-7 > * {
width: calc(100% * 1 / 7 - 1em); width: calc(100% * 1 / 7 - 1em);
} }
.grid-7 > .flexitem-double { .grid-7 > .flex-item-double {
width: calc(100% * 2 / 7 - 1em); width: calc(100% * 2 / 7 - 1em);
} }
@media (min-width: 481px) and (max-width: 768px) { @media (min-width: 481px) and (max-width: 768px) {
.grid-7 > * { .grid-7 > * {
width: calc(100% * 1 / 2 - 1em); width: calc(100% * 1 / 2 - 1em);
} }
.grid-7 > .flexitem-double { .grid-7 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
@ -849,21 +849,21 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-7 > * { .grid-7 > * {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
.grid-7 > .flexitem-double { .grid-7 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
.grid-8 > * { .grid-8 > * {
width: calc(100% * 1 / 8 - 1em); width: calc(100% * 1 / 8 - 1em);
} }
.grid-8 > .flexitem-double { .grid-8 > .flex-item-double {
width: calc(100% * 2 / 8 - 1em); width: calc(100% * 2 / 8 - 1em);
} }
@media (min-width: 481px) and (max-width: 768px) { @media (min-width: 481px) and (max-width: 768px) {
.grid-8 > * { .grid-8 > * {
width: calc(100% * 1 / 2 - 1em); width: calc(100% * 1 / 2 - 1em);
} }
.grid-8 > .flexitem-double { .grid-8 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
@ -871,21 +871,21 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-8 > * { .grid-8 > * {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
.grid-8 > .flexitem-double { .grid-8 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
.grid-10 > * { .grid-10 > * {
width: calc(100% * 1 / 10 - 1em); width: calc(100% * 1 / 10 - 1em);
} }
.grid-10 > .flexitem-double { .grid-10 > .flex-item-double {
width: calc(100% * 2 / 10 - 1em); width: calc(100% * 2 / 10 - 1em);
} }
@media (min-width: 481px) and (max-width: 768px) { @media (min-width: 481px) and (max-width: 768px) {
.grid-10 > * { .grid-10 > * {
width: calc(100% * 1 / 2 - 1em); width: calc(100% * 1 / 2 - 1em);
} }
.grid-10 > .flexitem-double { .grid-10 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
@ -893,21 +893,21 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-10 > * { .grid-10 > * {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
.grid-10 > .flexitem-double { .grid-10 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
.grid-12 > * { .grid-12 > * {
width: calc(100% * 1 / 12 - 1em); width: calc(100% * 1 / 12 - 1em);
} }
.grid-12 > .flexitem-double { .grid-12 > .flex-item-double {
width: calc(100% * 2 / 12 - 1em); width: calc(100% * 2 / 12 - 1em);
} }
@media (min-width: 481px) and (max-width: 768px) { @media (min-width: 481px) and (max-width: 768px) {
.grid-12 > * { .grid-12 > * {
width: calc(100% * 1 / 2 - 1em); width: calc(100% * 1 / 2 - 1em);
} }
.grid-12 > .flexitem-double { .grid-12 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
@ -915,7 +915,7 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-12 > * { .grid-12 > * {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
.grid-12 > .flexitem-double { .grid-12 > .flex-item-double {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
} }
@ -1551,7 +1551,7 @@ s,m,l,n = small, medium, large, none
margin-right: 0 !important; margin-right: 0 !important;
border: 0; border: 0;
} }
.flexbox { .flex-container {
-webkit-flex-direction: column; -webkit-flex-direction: column;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
@ -2042,5 +2042,3 @@ img.wp-smiley {
.gallery-caption { .gallery-caption {
display: block; display: block;
} }
/*# sourceMappingURL=knacss-unminified.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,5 +1,5 @@
/*! /*!
* www.KNACSS.com V4.1.1 (2015-03-30) @author: Raphael Goetter, Alsacreations * www.KNACSS.com V4.1.3 (2015-04-13) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/ * Licence WTFPL http://www.wtfpl.net/
*/ */

View file

@ -1,6 +1,6 @@
{ {
"name": "knacss", "name": "knacss",
"version": "4.1.1", "version": "4.1.2",
"homepage": "http://www.knacss.com/", "homepage": "http://www.knacss.com/",
"bugs": "https://github.com/raphaelgoetter/KNACSS/issues", "bugs": "https://github.com/raphaelgoetter/KNACSS/issues",
"author": [ "author": [

View file

@ -1,5 +1,5 @@
/*! /*!
* www.KNACSS.com V4.1.1 (2015-03-30) @author: Raphael Goetter, Alsacreations * www.KNACSS.com V4.1.3 (2015-04-13) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/ * Licence WTFPL http://www.wtfpl.net/
*/ */