/**
 * Bootstrap grid
 */

@use "../settings" as *;
@use "../tools" as *;

@import "bootstrap/scss/containers";
@import "bootstrap/scss/grid";

/* Change default vertical gutter on wrapping columns when in a grid. */
.grid {
  --#{$variable-prefix}gutter-y: #{$grid-gutter-height};
  margin-bottom: $grid-gutter-height;
}

/* Add special 2/9 and 3/9 column widths for the "4-col with wide right" layout */
.col-narrow {
  @include media-breakpoint-only(md) {
    @include make-col(1, 3);
  }
  @include media-breakpoint-up(lg) {
    @include make-col(2, 9);
  }
}

.col-wide {
  @include media-breakpoint-up(lg) {
    @include make-col(3, 9);
  }
}

/* As default we stretch cards to be full height of row. Allow cards to be stacked in row */
.grid > .col-stacked > * {
  height: auto;
  margin-bottom: $grid-gutter-height;
}
