KNACSS/css/grillade-flex.css

1 line
10 KiB
CSS
Raw Normal View History

2019-08-28 10:24:32 +02:00
@media (min-width:576px){[class*=" grillade-"],[class^=grillade-]{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap}[class*=" grillade-"]>*,[class^=grillade-]>*{box-sizing:border-box;min-width:0;min-height:0}}@media (min-width:576px){.grillade,.grillade--reverse{display:-webkit-box;display:flex}.grillade--reverse>*,.grillade>*{-webkit-box-flex:1;flex:1 1;box-sizing:border-box;min-width:0;min-height:0}.grillade--reverse.has-gutter>*+*,.grillade.has-gutter>*+*{margin-left:calc(1rem - .01px)}.grillade--reverse.has-gutter-l>*+*,.grillade.has-gutter-l>*+*{margin-left:calc(2rem - .01px)}.grillade--reverse.has-gutter-xl>*+*,.grillade.has-gutter-xl>*+*{margin-left:calc(4rem - .01px)}}@media (min-width:576px){[class*=grillade-2]>*{width:calc(50% - .01px)}[class*=grillade-2].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grillade-2].has-gutter>*{width:calc(50% - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grillade-2].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grillade-2].has-gutter-l>*{width:calc(50% - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grillade-2].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grillade-2].has-gutter-xl>*{width:calc(50% - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grillade-3]>*{width:calc(33.33333% - .01px)}[class*=grillade-3].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grillade-3].has-gutter>*{width:calc(33.33333% - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grillade-3].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grillade-3].has-gutter-l>*{width:calc(33.33333% - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grillade-3].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grillade-3].has-gutter-xl>*{width:calc(33.33333% - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grillade-4]>*{width:calc(25% - .01px)}[class*=grillade-4].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grillade-4].has-gutter>*{width:calc(25% - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grillade-4].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grillade-4].has-gutter-l>*{width:calc(25% - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grillade-4].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grillade-4].has-gutter-xl>*{width:calc(25% - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grillade-5]>*{width:calc(20% - .01px)}[class*=grillade-5].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grillade-5].has-gutter>*{width:calc(20% - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grillade-5].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grillade-5].has-gutter-l>*{width:calc(20% - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grillade-5].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grillade-5].has-gutter-xl>*{width:calc(20% - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grillade-6]>*{width:calc(16.66667% - .01px)}[class*=grillade-6].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grillade-6].has-gutter>*{width:calc(16.66667% - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grillade-6].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grillade-6].has-gutter-l>*{width:calc(16.66667% - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grillade-6].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grillade-6].has-gutter-xl>*{width:calc(16.66667% - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grillade-7]>*{width:calc(14.28571% - .01px)}[class*=grillade-7].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grillade-7].has-gutter>*{width:calc(14.28571% - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grillade-7].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grillade-7].has-gutter-l>*{width:calc(14.28571% - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grillade-7].has-gutter-xl{margin-right:-2r