/* stylelint-disable at-rule-no-unknown -- SDS Grids is using postcss Atrule */
@define-mixin width $i, $column, $breakpoint {
  [size~='$(i)\:$(column)'] {
    flex: 0 0 calc(($(i) / $(column)) * 100%);
    min-width: calc(($(i) / $(column)) * 100%);
  }
}

[size='auto'] {
  flex: 1 1 auto;
}

@mixin width 1, 1;

/* 2 Columns */
@for $i from 1 to 2 {
  @mixin width $i, 2;
}

/* 3 Columns */
@for $i from 1 to 3 {
  @mixin width $i, 3;
}

/* 4 Columns */
@for $i from 1 to 4 {
  @mixin width $i, 4;
}

/* 5 Columns */
@for $i from 1 to 5 {
  @mixin width $i, 5;
}

/* 6 Columns */
@for $i from 1 to 6 {
  @mixin width $i, 6;
}

/* 7 Columns */
@for $i from 1 to 7 {
  @mixin width $i, 7;
}

/* 8 Columns */
@for $i from 1 to 8 {
  @mixin width $i, 8;
}

/* 12 Columns */
@for $i from 1 to 12 {
  @mixin width $i, 12;
}
/* stylelint-enable at-rule-no-unknown -- SDS Grids is using postcss Atrule */