@require 'ride-css'
@require '../classes'
@require '../vars'
@require '../colors'

@require '_init'

.col
  float: left

&
  grid: $var-grid-cols, $var-grid-gutter, $var-grid-padding, $var-breakpoints.xs.name

@media (min-width: $var-breakpoints.sm.value)
  grid: $var-grid-cols, $var-grid-gutter, $var-grid-padding, $var-breakpoints.sm.name

@media (min-width: $var-breakpoints.md.value)
  grid: $var-grid-cols, $var-grid-gutter, $var-grid-padding, $var-breakpoints.md.name

@media (min-width: $var-breakpoints.lg.value)
  grid: $var-grid-cols, $var-grid-gutter, $var-grid-padding, $var-breakpoints.lg.name

@media (min-width: $var-breakpoints.xl.value)
  grid: $var-grid-cols, $var-grid-gutter, $var-grid-padding, $var-breakpoints.xl.name