@charset "UTF-8";

///
/// Creates a grid column of requested size.
///
/// @name flex-column
///
/// @param {list} $columns - Specifies the number of columns an element should span based on the total columns of the grid. eg: `3 of 5`
/// @param {unit} $gutter - A left and right spacing around the element
/// @param {integer} $su-grid-columns - The number of columns in the grid
///
/// @group mixin
@mixin flex-column($columns, $gutter: $su-gutter-xs, $grid-columns: $su-grid-columns) {
  flex: 0 0 calc(#{flex-column-width($columns, $gutter, $grid-columns)});
  max-width: calc(#{flex-column-width($columns, $gutter, $grid-columns)});
}
