// Helper to convert straight number to percentage
@use "sass:math";

@function convertify($number) {
  @if type-of($number) == 'number' and unitless($number) {
    @return percentage(math.div($number, $grid-column-count));
  }

  @return $number;
}

@mixin grid-row($direction: ltr, $align: stretch, $justify: flex-start, $grid-gutter: $gutter, $wrap: wrap) {
  display: flex;
  flex-wrap: $wrap;

  align-items: $align;
  justify-content: $justify;

  margin-left: -($grid-gutter*0.5);
  margin-right: -($grid-gutter*0.5);

  @if $direction == ltr {
    flex-direction: row;
  }

  @else {
    flex-direction: row-reverse;
  }
}

@mixin grid-col($width: 100%, $align: stretch, $grid-gutter: $gutter) {
  flex: none;
  align-self: $align;

  padding-left: $grid-gutter*0.5;
  padding-right: $grid-gutter*0.5;

  width: convertify($width);
}

@mixin grid-offset-left($offset: 1) {
  margin-left: convertify($offset);
}

@mixin grid-offset-right($offset: 1) {
  margin-right: convertify($offset);
}