@shopify/polaris/dist/esnext/components/SkeletonPage/SkeletonPage.css

Shopify’s product component library

.Polaris-SkeletonPage__Page_yisnh{ margin:0 auto; padding:0; max-width:99.8rem; }

@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-SkeletonPage__Page_yisnh{ padding:0 2rem; } }

@media (min-width: 30.625em){ .Polaris-SkeletonPage__Page_yisnh{ padding:0 2rem; } }

@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-SkeletonPage__Page_yisnh{ padding:0 3.2rem; } }

@media (min-width: 46.5em){ .Polaris-SkeletonPage__Page_yisnh{ padding:0 3.2rem; } }

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

.Polaris-SkeletonPage--narrowWidth_yaeah{ max-width:66.2rem; }

.Polaris-SkeletonPage__Content_xd1mk{ margin:2rem 0; }

@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-SkeletonPage__Content_xd1mk{ margin-top:2rem; } }

@media (min-width: 46.5em){ .Polaris-SkeletonPage__Content_xd1mk{ margin-top:2rem; } }

.Polaris-SkeletonPage--newDesignLanguage_1rik8 .Polaris-SkeletonPage__Content_xd1mk{ margin:1.6rem 0; }

@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-SkeletonPage--newDesignLanguage_1rik8 .Polaris-SkeletonPage__Content_xd1mk{ margin-top:1.6rem; } }

@media (min-width: 46.5em){ .Polaris-SkeletonPage--newDesignLanguage_1rik8 .Polaris-SkeletonPage__Content_xd1mk{ margin-top:1.6rem; } }

.Polaris-SkeletonPage__Header_z4uwg{ padding:2rem 2rem 0; padding-bottom:0.8rem; }

.Polaris-SkeletonPage__Header_z4uwg.Polaris-SkeletonPage--newDesignLanguage_1rik8{ padding:1.6rem 1.6rem 0; }

@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-SkeletonPage__Header_z4uwg{ padding-left:0; padding-right:0; }
  [data-has-navigation] .Polaris-SkeletonPage__Header_z4uwg.Polaris-SkeletonPage--newDesignLanguage_1rik8{ padding-left:0; padding-right:0; } }

@media (min-width: 30.625em){ .Polaris-SkeletonPage__Header_z4uwg{ padding-left:0; padding-right:0; }
  .Polaris-SkeletonPage__Header_z4uwg.Polaris-SkeletonPage--newDesignLanguage_1rik8{ padding-left:0; padding-right:0; } }

@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-SkeletonPage__Header_z4uwg{ padding-top:3.2rem; }
  .Polaris-SkeletonPage--newDesignLanguage_1rik8 [data-has-navigation] .Polaris-SkeletonPage__Header_z4uwg, [data-has-navigation] .Polaris-SkeletonPage__Header_z4uwg.Polaris-SkeletonPage--newDesignLanguage_1rik8{ padding-top:1.6rem; } }

@media (min-width: 46.5em){ .Polaris-SkeletonPage__Header_z4uwg{ padding-top:3.2rem; }
  .Polaris-SkeletonPage--newDesignLanguage_1rik8 .Polaris-SkeletonPage__Header_z4uwg, .Polaris-SkeletonPage__Header_z4uwg.Polaris-SkeletonPage--newDesignLanguage_1rik8{ padding-top:1.6rem; } }

.Polaris-SkeletonPage__Header--hasSecondaryActions_16rkf{ padding-top:2.4rem; margin-top:0; }

.Polaris-SkeletonPage__BreadcrumbAction_jsha0{ padding-top:1.6rem; padding-bottom:1.6rem; margin-top:-0.4rem; margin-bottom:-0.4rem; }

.Polaris-SkeletonPage__TitleAndPrimaryAction_128cy{ display:flex; }

@media (max-width: 45em), (min-width: 48.0625em) and (max-width: 61.5em){ [data-has-navigation] .Polaris-SkeletonPage__TitleAndPrimaryAction_128cy{ display:block; } }

@media (max-width: 46.5em){ .Polaris-SkeletonPage__TitleAndPrimaryAction_128cy{ display:block; } }

.Polaris-SkeletonPage__Title_2qj8j{ flex:1 1; }

.Polaris-SkeletonPage__PrimaryAction_eeemy{ align-self:stretch; }

.Polaris-SkeletonPage__PrimaryAction_eeemy > *{ height:3.6rem; min-width:10rem; }

@media (max-width: 48.0625em), (min-width: 48.0625em) and (max-width: 65em){ [data-has-navigation] .Polaris-SkeletonPage__PrimaryAction_eeemy{ margin-top:1.6rem; margin-bottom:-0.8rem; } }

@media (max-width: 50em){ .Polaris-SkeletonPage__PrimaryAction_eeemy{ margin-top:1.6rem; margin-bottom:-0.8rem; } }

@media (max-width: 48.0625em) and (min-width: 30.625em), (min-width: 45.625em){ [data-has-navigation] .Polaris-SkeletonPage__PrimaryAction_eeemy{ margin-top:0.8rem; margin-bottom:-0.8rem; } }

@media (min-width: 30.625em){ .Polaris-SkeletonPage__PrimaryAction_eeemy{ margin-top:0.8rem; margin-bottom:-0.8rem; } }

@media (max-width: 48.0625em) and (min-width: 46.5em), (min-width: 61.5em){ [data-has-navigation] .Polaris-SkeletonPage__PrimaryAction_eeemy{ margin-top:0; } }

@media (min-width: 46.5em){ .Polaris-SkeletonPage__PrimaryAction_eeemy{ margin-top:0; } }

@media (max-width: 48.0625em) and (min-width: 50em), (min-width: 65em){ [data-has-navigation] .Polaris-SkeletonPage__PrimaryAction_eeemy{ margin-top:0; } }

@media (min-width: 50em){ .Polaris-SkeletonPage__PrimaryAction_eeemy{ margin-top:0; } }

.Polaris-SkeletonPage__Actions_17m67{ margin-top:0.8rem; display:flex; flex-direction:row-reverse; justify-content:flex-end; align-items:center; }

.Polaris-SkeletonPage__Action_r96cs{ display:flex; flex-direction:column; justify-content:center; min-height:2.8rem; padding-right:2.4rem; margin-top:-0.4rem; margin-bottom:-0.4rem; padding-top:1.6rem; }

.Polaris-SkeletonPage__Action_r96cs:first-child{ padding-right:0; }

@media (max-width: 45em), (min-width: 48.0625em) and (max-width: 61.5em){ [data-has-navigation] .Polaris-SkeletonPage__Action_r96cs:not(:last-child){ display:none; } }

@media (max-width: 46.5em){ .Polaris-SkeletonPage__Action_r96cs:not(:last-child){ display:none; } }