$actions-vertical-spacing: spacing(tight);

@mixin page-layout {
  margin: 0 auto;
  padding: spacing(loose) 0;
  max-width: $page-max-width;

  @include page-content-when-not-fully-condensed {
    padding-left: spacing(loose);
    padding-right: spacing(loose);
  }

  @include page-content-when-not-partially-condensed {
    padding-left: spacing(extra-loose);
    padding-right: spacing(extra-loose);
  }
}

@mixin page-header-layout {
  padding: 0 spacing(loose) spacing();

  @include page-content-when-not-fully-condensed {
    padding-left: 0;
    padding-right: 0;
  }

  @include page-content-when-not-partially-condensed {
    padding-top: spacing(extra-tight);
  }
}

@mixin page-content-layout {
}

@mixin page-title-layout {
  @include layout-flex-fix;
  @include text-breakword;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin-top: -1 * spacing(tight);
  margin-left: -1 * spacing(tight);

  > * {
    margin-top: spacing(tight);
    margin-left: spacing(tight);
  }
}

@mixin page-header-has-pagination-and-breadcrumbs {
  padding-top: rem(32px);
}

@mixin page-header-has-secondary-actions {
  padding-top: rem(24px);
}

@mixin page-actions-layout {
  margin-bottom: -1 * spacing();
  padding: spacing(loose) spacing(loose) spacing();

  @include page-content-when-not-fully-condensed {
    margin-top: spacing(loose);
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: -1 * spacing(loose);
    padding-left: 0;
    padding-right: 0;
    padding-bottom: spacing(loose);
  }
}