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

version 4.3.0

Browse source 
grilles compatibles jusqu'à IE8 et Android2 \o/
This commit is contained in:
raphaelgoettter 2015-07-03 10:07:29 +02:00
parent e1fe703d3d
commit cca44b501f
8 changed files with 42 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

14
less/_03-grids.less
View file

@ -2,7 +2,6 @@
/* ==Grids */
/* ---------------------------------- */
// WARNING : KNACSS grids are flexbox based and only supported by IE10+ and Android4.4+
// Tuto : http://www.alsacreations.com/tuto/lire/1659-une-grille-responsive-avec-flexbox-et-LESS.html
// Demo : http://codepen.io/raphaelgoetter/pen/zxBMLW
@ -17,18 +16,29 @@
// left = left ratio column (default = 2) / right = right ratio column (default = 1)
// example : .grid-perso { .uneven-grid(2, 1); }
/* grid container */
[class*="@{kna-namespace}grid-"] {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -@gutter;
/* inline-block fallback for IE9 generation */
letter-spacing: -0.31em;
text-rendering: optimizespeed;
}
/* grid childs */
[class*="@{kna-namespace}grid-"] > * {
flex: 0 0 auto;
display: block; /* IE fix */
width: ~'calc(100% * 1 / @{number} - @{gutter} - .01px)';
margin-left: @gutter;
/* inline-block fallback for IE9 generation */
display: inline-block;
vertical-align: top;
letter-spacing: normal;
text-rendering: auto;
}
// LESS mixins for *equal* columns grid container