@vivid-web/flexboxgrid-stylus/src/components/_col.styl

A simple flexbox CSS grid system

@import '../bootstrap.styl'

.col
  box-sizing: border-box
  display: flex
  flex: 0 0 100%
  flex-direction: column
  max-width: 100%
  padding: 1rem .5rem 0 .5rem

  +variant('no-gutters')
    padding: 0

  +variant('align-top')
    align-self: flex-start

  +variant('align-center')
    align-self: center

  +variant('align-bottom')
    align-self: flex-end

  +variant('first')
    order: -1

  +variant('last')
    order: 1

  +variant('reset')
    order: 0

  +variant('flex')
    display: flex

make-columns($breakpoints, $columns)