@vivid-web/flexboxgrid-vue/src/stylus/mixins/_grid.styl

A simple flexbox CSS grid system with Vue

// Will make a single grid.
make-grid($breakpoint)
  .v-grid
    +variant($breakpoint + '-no-gutters')
      margin: 0

// Will make the grids.
make-grids($breakpoints)
  for $breakpoint, $width in $breakpoints
    if $width == 0
      make-grid($breakpoint)
    else
      @media (min-width: $width)
        make-grid($breakpoint)