$action-text-spacing: rem(24px);

.Polaris-SkeletonPage__Page {
  @include page-layout;
}

.Polaris-SkeletonPage--fullWidth {
  max-width: none;
}

.Polaris-SkeletonPage--singleColumn {
  max-width: layout-width(primary, max);
}

.Content {
  @include page-content-layout;
}

.Polaris-SkeletonPage__Header {
  @include page-header-layout;
  @include skeleton-page-header-layout;
}

.Polaris-SkeletonPage__Header--hasSecondaryActions {
  @include skeleton-page-header-has-secondary-actions;
}

.Polaris-SkeletonPage__BreadcrumbAction {
  padding-top: spacing(base);
  padding-bottom: spacing(base);
  margin-top: (-1 * spacing(extra-tight));
  margin-bottom: (-1 * spacing(extra-tight));
}

.Polaris-SkeletonPage__Actions {
  @include skeleton-page-secondary-actions-layout;
}

.Polaris-SkeletonPage__Action {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: control-slim-height();
  padding-right: $action-text-spacing;
  margin-top: (-1 * spacing(extra-tight));
  margin-bottom: (-1 * spacing(extra-tight));
  padding-top: rem(16px);

  &:first-child {
    padding-right: 0;
  }

  @include page-content-when-partially-condensed {
    &:not(:last-child) {
      display: none;
    }
  }
}