/*╔══════════════════════════════════════════════════╗
  ║                            Grid                           ║
  ╚══════════════════════════════════════════════════╝*/

/**{css}
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
);
$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px
);
*/

@import "~bootstrap/scss/grid";

// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄
// Container

.container {
  &.container--small {
    @include media-breakpoint-up(lg) {
      max-width: map-get($container-max-widths, "lg");
    }
  }
}
