/*
 *  Page
 *    Styles for the base Page elements.
 *
 *  Dependencies:
 *    styles/settings/responsive.scss
 *
 *  Version:
 *    1.0.0 - 2018/05/05
 */
@import '~@styles/global';

.c-page {
  flex-grow: 1;

  &.has-background {
    position: relative;
  }

  &__boundary {
    max-width: $s-screen-boundary;
    margin: 0 auto;

    &.is-full {
      position: relative;
      height: 100%;
    }

    &.is-small {
      max-width: $s-screen-boundary / 2;
    }
  }

  &__background {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}