@vivid-web/flexboxgrid-vue/src/stylus/settings/_variables.styl

A simple flexbox CSS grid system with Vue

// The amount of columns to be rendered.
$columns := 12

// The breakpoints.
$breakpoints := {
  xs :  0,
  sm : 544px,
  md : 768px,
  lg : 992px,
  xl : 1200px
}

// The sizing of the gutter.
$gutter := {
  height: 1rem,
  width: 1rem
}