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

Shopify’s product component library

.Polaris-ResourceList__FiltersWrapper_13e37{ padding:1.2rem 1.2rem 1.6rem; }

@media (min-width: 28.625em){ .Polaris-ResourceList__FiltersWrapper_13e37{ padding:1.6rem; } }

.Polaris-ResourceList__FiltersWrapper_13e37 + .Polaris-ResourceList_r589e{ border-top:0.1rem solid var(--p-divider, #dfe3e8); }

.Polaris-ResourceList__HeaderOuterWrapper_1izjo{ position:relative; background-color:var(--p-surface, white); z-index:2; }

.Polaris-ResourceList__HeaderOuterWrapper_1izjo + .Polaris-ResourceList_r589e{ border-top:0.1rem solid var(--p-divider, #dfe3e8); }

.Polaris-ResourceList__HeaderWrapper--disabled_p6v4h{ pointer-events:none; }

.Polaris-ResourceList__HeaderWrapper--overlay_1w8dj{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:4; background-color:var(--p-overlay, rgba(255, 255, 255, 0.5)); }

.Polaris-ResourceList__FiltersWrapper_13e37 + .Polaris-ResourceList__HeaderOuterWrapper_1izjo{ margin-top:-1.6rem; }

.Polaris-ResourceList__HeaderWrapper_9w2pa{ position:relative; display:flex; align-items:flex-start; width:100%; min-height:5.6rem; padding:1rem 1.2rem; background-color:var(--p-surface, white); }

@media (min-width: 28.625em){ .Polaris-ResourceList__HeaderWrapper_9w2pa{ flex-direction:row; padding:1rem 1.6rem; } }

.Polaris-ResourceList__HeaderWrapper--isSticky_795g9{ box-shadow:0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15); }

.Polaris-ResourceList__HeaderContentWrapper_do6y8{ position:absolute; z-index:1; right:1.2rem; left:1.2rem; display:flex; min-height:3.6rem; opacity:1; transition:opacity cubic-bezier(0.64, 0, 0.35, 1) 200ms; }

.Polaris-ResourceList__HeaderWrapper--inSelectMode_1cl00 .Polaris-ResourceList__HeaderContentWrapper_do6y8{ opacity:0; }

@media (min-width: 28.625em){ .Polaris-ResourceList__HeaderContentWrapper_do6y8{ right:1.6rem; left:1.6rem; align-self:flex-start; } }

.Polaris-ResourceList__SortWrapper_1kang, .Polaris-ResourceList__AlternateToolWrapper_1vsdh{ position:relative; display:flex; flex:1 1; align-items:center; }

.Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__SortWrapper_1kang, .Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__AlternateToolWrapper_1vsdh{ padding-right:0.8rem; }

@media (min-width: 28.625em){ .Polaris-ResourceList__SortWrapper_1kang, .Polaris-ResourceList__AlternateToolWrapper_1vsdh{ position:relative; left:auto; flex:0 1 auto; margin-left:1.6rem; }
  .Polaris-ResourceList__HeaderWrapper--hasAlternateTool_1du6i.Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__SortWrapper_1kang, .Polaris-ResourceList__HeaderWrapper--hasSort_1dpae.Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__SortWrapper_1kang, .Polaris-ResourceList__HeaderWrapper--hasAlternateTool_1du6i.Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__AlternateToolWrapper_1vsdh, .Polaris-ResourceList__HeaderWrapper--hasSort_1dpae.Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__AlternateToolWrapper_1vsdh{ padding-right:0; } }

.Polaris-ResourceList__SortWrapper_1kang{ min-width:0; max-width:100%; }

.Polaris-ResourceList__SortWrapper_1kang > *{ max-width:100%; }

.Polaris-ResourceList__HeaderTitleWrapper_1ygr8{ white-space:nowrap; text-overflow:ellipsis; flex:1 1; padding-left:0.4rem; align-self:center; }

.Polaris-ResourceList__HeaderWrapper--hasAlternateTool_1du6i .Polaris-ResourceList__HeaderTitleWrapper_1ygr8, .Polaris-ResourceList__HeaderWrapper--hasSort_1dpae .Polaris-ResourceList__HeaderTitleWrapper_1ygr8{ display:none; }

@media (min-width: 28.625em){ .Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__HeaderTitleWrapper_1ygr8, .Polaris-ResourceList__HeaderWrapper--hasAlternateTool_1du6i.Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__HeaderTitleWrapper_1ygr8, .Polaris-ResourceList__HeaderWrapper--hasSort_1dpae.Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__HeaderTitleWrapper_1ygr8{ display:none; }
  .Polaris-ResourceList__HeaderWrapper--hasAlternateTool_1du6i .Polaris-ResourceList__HeaderTitleWrapper_1ygr8, .Polaris-ResourceList__HeaderWrapper--hasSort_1dpae .Polaris-ResourceList__HeaderTitleWrapper_1ygr8{ display:block; } }

.Polaris-ResourceList__BulkActionsWrapper_9c77q{ position:relative; z-index:2; width:100%; }

@media (min-width: 28.625em){ .Polaris-ResourceList__BulkActionsWrapper_9c77q{ flex:0 1 auto; align-self:flex-start; } }

.Polaris-ResourceList__CheckableButtonWrapper_1mxl4{ display:none; }

@media (min-width: 28.625em){ .Polaris-ResourceList__CheckableButtonWrapper_1mxl4{ flex:1 1; display:block; } }

.Polaris-ResourceList__SelectButtonWrapper_1vvjw{ position:relative; flex:none; }

@media (min-width: 28.625em){ .Polaris-ResourceList__SelectButtonWrapper_1vvjw{ display:none; } }

.Polaris-ResourceList__EmptySearchResultWrapper_ainc2{ padding-top:60px; padding-bottom:60px; }

@media screen and (max-height: 600px){ .Polaris-ResourceList__EmptySearchResultWrapper_ainc2{ padding-top:32px; padding-bottom:32px; } }

.Polaris-ResourceList__ResourceListWrapper_1a76j{ position:relative; }

.Polaris-ResourceList_r589e{ position:relative; z-index:1; margin:0; padding:0; list-style:none; }

.Polaris-ResourceList__ItemWrapper_1kbav{ position:relative; z-index:1; overflow:hidden; max-width:100%; }

.Polaris-ResourceList__ItemWrapper_1kbav + .Polaris-ResourceList__ItemWrapper_1kbav{ border-top:0.1rem solid var(--p-divider, #dfe3e8); }

.Polaris-ResourceList__ItemWrapper--isLoading_s534y{ min-height:6.4rem; }

.Polaris-ResourceList__SpinnerContainer_1130e{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:3; display:flex; justify-content:center; }

.Polaris-ResourceList__LoadingOverlay_9w444{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; display:flex; justify-content:center; background-color:var(--p-overlay, rgba(255, 255, 255, 0.5)); }

.Polaris-ResourceList__DisabledPointerEvents_1w9ib{ pointer-events:none; }

.Polaris-ResourceList--disableTextSelection_1rwab{ -webkit-user-select:none; user-select:none; }