Sha256: a375267ba7f33490cdeb81411af9ba03e1a26a359d68e02465f8ccd42b945fd1

Contents?: true

Size: 1.55 KB

Versions: 39

Compression:

Stored size: 1.55 KB

Contents

$secondary-basis: layout-width(secondary, min);
$primary-basis: layout-width(primary, min);
$relative-size: $primary-basis / $secondary-basis;

.Polaris-Layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: -1 * spacing(loose);
  margin-left: -1 * spacing(loose);
}

.Polaris-Layout__Section {
  @include layout-flex-fix;
  flex: $relative-size $relative-size $primary-basis;
  margin-top: spacing(loose);
  margin-left: spacing(loose);
  min-width: 51%;
}

.Polaris-Layout__Section--secondary {
  flex: 1 1 $secondary-basis;
  min-width: 0;
}

.Polaris-Layout__Item {
  flex: 1 1 100%;
}

.Polaris-Layout__AnnotatedSection {
  flex: 1 1 100%;
  margin-top: spacing(loose);
  margin-left: spacing(loose);
}

.Polaris-Layout__Section,
.Polaris-Layout__AnnotatedSection {
  + .Polaris-Layout__AnnotatedSection {
    @include page-content-when-not-fully-condensed {
      padding-top: spacing(loose);
      border-top: border();
    }
  }
}

.Polaris-Layout__AnnotationWrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: -1 * spacing(loose);
  margin-left: -1 * spacing(loose);
}

.Polaris-Layout__AnnotationContent {
  flex: $relative-size $relative-size $primary-basis;
  margin-top: spacing(loose);
  margin-left: spacing(loose);
}

.Polaris-Layout__Annotation {
  flex: 1 1 $secondary-basis;
  margin-top: spacing(loose);
  margin-left: spacing(loose);
  padding: spacing(loose) spacing(loose) 0;

  @include page-content-when-layout-not-stacked {
    padding: spacing(loose) spacing(loose) spacing(loose) 0;
  }
}

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/Layout.scss
polaris_view_helpers-1.2.10 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.2.9 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.2.8 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.2.7 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.2.6 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.2.5 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.2.4 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.2.3 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.2.2 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.2.1 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.2.0 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.1.6 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.1.5 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.0.5 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.0.4 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.0.3 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.0.2 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.0.1 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss
polaris_view_helpers-1.0.0 vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Layout.scss