// 在 vue.js, reactjs 中推荐以 props 的形式设置 padding 来实现间隙
// 即应以 props 的形式设置 grid-gutters 样式

$base-gutter: .5em

@for $i from 1 through 10
  .grid[grid-gutters="#{$i}"] > .grid-cell
    padding: 0 $base-gutter * $i

// inspired by ant-design and Element-UI
// https://ant.design/components/grid-cn/#components-grid-demo-gutter
// http://element-cn.eleme.io/#/zh-CN/component/layout#fen-lan-jian-ge