wsui-flexbox-grid

Webkit sass flexbox grid system.

installation

npm i @jswork/wsui-flexbox-grid

usage

<div class="wsui-cols-1 wsui-cols-xs-2 wsui-cols-sm-4 wsui-cols-md-5 wsui-cols-lg-6">
  <div class="col">111</div>
  <div class="col">111</div>
  <div class="col">111</div>
  <div class="col">111</div>
  <div class="col">111</div>
  <div class="col">111</div>
  <div class="col">111</div>
  <div class="col">111</div>
</div>

customize

$grid-gap: 10px !default;
$grid-gap-x: $grid-gap !default;
$grid-gap-y: $grid-gap !default;
$grid-list: (1, 2, 3, 4, 5, 6, 7, 8, 9, 10);
$grid-responsive: (
  xs: 390px,
  sm: 1280px,
  md: 1440px,
  lg: 1600px
) !default;

@import '@jswork/wsui-flexbox-grid';

resources

• https://www.zhihu.com/question/29924791
• https://segmentfault.com/a/1190000002910324
• https://segmentfault.com/q/1010000043586951
• http://the-echoplex.net/flexyboxes/

license

Code released under the MIT license.