// sass-lint:disable no-css-comments
@mixin luci-grid($grid-gap: $luci-grid-gap, $grid-col-number: $luci-grid-columns, $grid-col-width: $luci-grid-column-width) {
  /* autoprefixer: off */
  display: grid;
  grid-auto-rows: auto;
  grid-column-gap: $grid-gap;
  grid-row-gap: $luci-space-lg;
  grid-template-columns: repeat($grid-col-number, minmax(0, 1fr));
}
// sass-lint:enable no-css-comments

@function luci-col-width($column, $columns: 12, $gutter: $luci-grid-gap) {
  $my-width: percentage($column / $columns);
  @return calc(#{$my-width} - #{$gutter});
}