// forked from bootstrap https://getbootstrap.com/docs/4.0/layout/grid/
@use "./grid-generator" as *;

@forward "./variables";
@forward "./grid-generator";
// Container widths
// Set the container width, and override it for fixed navbars in media queries.

.brick-grid-container {
  @include make-container();
  @include make-container-max-widths();
}

// Fluid container
// Utilizes the mixin meant for fixed width containers, but with 100% width for
// fluid, full width layouts.
.brick-grid-container-fluid {
  @include make-container();
}

// Row
// Rows contain and clear the floats of your columns.
.brick-grid-row {
  @include make-row();
}

// Rows horizontal justify
$row-justify-map: (
        "start": flex-start,
        "center": center,
        "end": flex-end,
        "space-between": space-between,
        "space-around": space-around,
);
@each $type, $justify in $row-justify-map {
  .brick-grid-row-justify-#{$type} {
    justify-content: $justify;
  }
}

// Rows vertical align
$row-align-map: (
        "start": flex-start,
        "center": center,
        "end": flex-end,
);
@each $type, $align in $row-align-map {
  .brick-grid-row-align-#{$type} {
    align-items: $align;
  }
}

// Remove the negative margin from default .row, then the horizontal padding
// from all immediate children columns (to prevent runaway style inheritance).
.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .brick-grid-col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

// Columns
// Common styles for small and large grid columns
@include make-grid-columns();