correction de grid--reverse

This commit is contained in:
Raphael Goetter 2016-11-25 15:47:42 +01:00
parent 8fbca1166b
commit b96c5dc731
5 changed files with 21 additions and 14 deletions

File diff suppressed because one or more lines are too long

View file

@ -62,11 +62,12 @@ $iefix: 0.01px;
} }
// Mono-line grid constructor (.grid) // Mono-line grid constructor (.grid)
@media (min-width: ($tiny + 1)) { @media (min-width: ($tiny + 1)) {
.grid { .grid,
.grid--reverse {
display: flex; display: flex;
& > * { & > * {
flex: 1 1 0; flex: 1 1 0%;
box-sizing: border-box; box-sizing: border-box;
min-width: 0; min-width: 0;
min-height: 0; min-height: 0;

View file

@ -1,6 +1,6 @@
@charset "UTF-8"; @charset "UTF-8";
/*! /*!
* www.KNACSS.com V6.0.3 (31 octobre 2016) @author: Alsacreations, Raphael Goetter * www.KNACSS.com V6.0.4 (22 novembre 2016) @author: Alsacreations, Raphael Goetter
* Licence WTFPL http://www.wtfpl.net/ * Licence WTFPL http://www.wtfpl.net/
*/ */
/* ----------------------------- */ /* ----------------------------- */
@ -1519,22 +1519,27 @@ ul.unstyled {
min-height: 0; } } min-height: 0; } }
@media (min-width: 545px) { @media (min-width: 545px) {
.grid { .grid,
.grid--reverse {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; } display: flex; }
.grid > * { .grid > *,
.grid--reverse > * {
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1 1 0; -ms-flex: 1 1 0%;
flex: 1 1 0; flex: 1 1 0%;
box-sizing: border-box; box-sizing: border-box;
min-width: 0; min-width: 0;
min-height: 0; } min-height: 0; }
.grid.has-gutter > * + * { .grid.has-gutter > * + *,
.grid--reverse.has-gutter > * + * {
margin-left: calc(1rem - 0.01px); } margin-left: calc(1rem - 0.01px); }
.grid.has-gutter-l > * + * { .grid.has-gutter-l > * + *,
.grid--reverse.has-gutter-l > * + * {
margin-left: calc(2rem - 0.01px); } margin-left: calc(2rem - 0.01px); }
.grid.has-gutter-xl > * + * { .grid.has-gutter-xl > * + *,
.grid--reverse.has-gutter-xl > * + * {
margin-left: calc(4rem - 0.01px); } } margin-left: calc(4rem - 0.01px); } }
@media (min-width: 545px) { @media (min-width: 545px) {

File diff suppressed because one or more lines are too long

View file

@ -52,7 +52,8 @@ $iefix: 0.01px;
} }
// Mono-line grid constructor (.grid) // Mono-line grid constructor (.grid)
@media (min-width: ($tiny + 1)) { @media (min-width: ($tiny + 1)) {
.grid { .grid,
.grid--reverse {
display: flex; display: flex;
& > * { & > * {