// Borrowing the beloved Bootstrap 4 grid, altough heavily stripped down
// because we don't need all the utility classes etc.
// Inspired by bootstrap-4-grid (https://github.com/m-spyratos/bootstrap-4-grid)

/*!
 * Bootstrap Grid v4.1.2 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

@at-root {
  @-ms-viewport {
    width: device-width;
  }
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}


*,
*::before,
*::after {
  box-sizing: inherit;
}

@import "../mixins/breakpoints";
@import "../mixins/grid-framework";
@import "../mixins/grid.scss";

.container-fluid {
  width: 100%;
  padding-right: ($grid-gutter-width / 2);
  padding-left: ($grid-gutter-width / 2);
  margin-right: auto;
  margin-left: auto;
}

.container {
  @extend .container-fluid;
  max-width: 1520px;

  &.container--x-smaller {
    max-width: 550px;
  }
  &.container--smaller {
    max-width: 850px;
  }
  &.container--narrow {
    max-width: 1280px;
  }
}

// Row
// Rows contain and clear the floats of your columns.

.row {
  @include make-row();

  &--vertical-center {
    align-items: center;
  }

  &--horizontal-center {
    justify-content: center;
  }

  &--no-gutters {
    margin-right: 0;
    margin-left: 0;

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

// 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;

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

// Columns
// Common styles for small and large grid columns

@include make-grid-columns();

.col--shrink {
  flex-shrink: 1 !important;
  flex-grow: 0 !important;
  white-space: nowrap !important;
}

.col--grow {
  flex-shrink: 0 !important;
  flex-grow: 1 !important;
}