/// Offset a column by the given number of columns to the left.
///
/// @group grid
///
/// @parameter {Number} $columns - the number of columns to span
///
/// @example scss - Usage
///
///   .k-MyComponent {
///     @include k-grid;
///   }
///   .k-MyComponent__child {
///     @include k-grid-col(4);
///     @include k-grid-offset(2); // offset by 2 columns to the left
///   }
@mixin k-grid-offset($columns) {
  $number-of-columns: k-map-fetch($k-grid, 'columns');

  margin-left: (100% / $number-of-columns) * $columns;
}