Sha256: a7a925be68fc1a9afb6cec990154a1c85690412316ab97f7164778098100b50d

Contents?: true

Size: 1.28 KB

Versions: 39

Compression:

Stored size: 1.28 KB

Contents

$image-offset: 40%;
$image-overflow-width: calc(100% + #{$image-offset} * 2);

.Polaris-EmptyState {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: spacing(loose);
  padding: spacing(loose);
  padding-left: spacing(extra-loose);
  text-align: center;

  @include page-content-when-not-partially-condensed {
    flex-direction: row-reverse;
    padding-left: spacing(loose);
    text-align: left;
  }
}

.Polaris-EmptyState--imageContained {
  .Polaris-EmptyState__Image {
    @include page-content-when-not-partially-condensed {
      position: initial;
      width: 100%;
    }
  }
}

.Polaris-EmptyState__ImageContainer,
.Polaris-EmptyState__Details {
  @include page-content-when-not-partially-condensed {
    flex-basis: 50%;
  }
}

.Polaris-EmptyState__Image {
  z-index: -1;
  width: 60vw;

  @include page-content-when-not-partially-condensed {
    position: relative;
    left: $image-offset * -1;
    width: $image-overflow-width;
  }
}

.Polaris-EmptyState__Details {
  margin-top: spacing();

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

.Polaris-EmptyState__Actions {
  margin-top: spacing();

  @include page-content-when-partially-condensed {
    display: flex;
    justify-content: center;
  }
}

Version data entries

39 entries across 39 versions & 1 rubygems

Version Path
polaris_view_helpers-1.2.11 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.2.10 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.2.9 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.2.8 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.2.7 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.2.6 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.2.5 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.2.4 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.2.3 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.2.2 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.2.1 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.2.0 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.1.6 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.1.5 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.0.5 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.0.4 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.0.3 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.0.2 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.0.1 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss
polaris_view_helpers-1.0.0 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss