correction de grid--reverse
This commit is contained in:
parent
8fbca1166b
commit
b96c5dc731
5 changed files with 21 additions and 14 deletions
File diff suppressed because one or more lines are too long
|
@ -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;
|
||||||
|
|
|
@ -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
|
@ -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;
|
||||||
|
|
||||||
& > * {
|
& > * {
|
||||||
|
|
Loading…
Reference in a new issue