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

Shopify’s product component library

.Polaris-DataTable_1pikz{ position:relative; max-width:100vw; }

.Polaris-DataTable--condensed_b60cb .Polaris-DataTable__Navigation_1ajsq{ display:flex; align-items:center; justify-content:center; width:100%; padding:1.6rem 0.8rem; }

@media (min-width: 48em){ .Polaris-DataTable--condensed_b60cb .Polaris-DataTable__Navigation_1ajsq{ justify-content:flex-end; } }

.Polaris-DataTable__Navigation_1ajsq{ display:none; }

.Polaris-DataTable__Pip_375sr{ height:0.6rem; width:0.6rem; background:var(--p-text-subdued, #919eab); border-radius:var(--p-border-radius-base, 3px); }

.Polaris-DataTable__Pip_375sr:not(:last-of-type){ margin-right:0.4rem; }

.Polaris-DataTable__Pip--visible_1sajm{ background:var(--p-text, #212b36); }

.Polaris-DataTable__ScrollContainer_lf5n1{ overflow-x:auto; -webkit-overflow-scrolling:touch; }

.Polaris-DataTable__Table_2qj3m{ width:100%; border-spacing:0; }

@media (min-width: 48em){ .Polaris-DataTable__TableRow_1a85o:hover .Polaris-DataTable__Cell_yixs7{ background:var(--p-surface-hovered, #f9fafb); } }

.Polaris-DataTable__Cell_yixs7{ padding:1.6rem; border-bottom:0.1rem solid var(--p-border-subdued, #f4f6f8); white-space:nowrap; text-align:left; transition:background-color 0.2s ease-in-out; }

.Polaris-DataTable__Cell--firstColumn_2o4gk{ font-weight:400; color:var(--p-text, #212b36); text-align:left; white-space:normal; }

.Polaris-DataTable__Cell--numeric_1ld9f{ text-align:right; }

.Polaris-DataTable__Cell--truncated_1chsk{ white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis; max-width:14.5rem; }

.Polaris-DataTable__Cell--header_sv8he{ font-weight:400; color:var(--p-text, #212b36); border-bottom:0.1rem solid var(--p-border, #c4cdd5); border-top:0; }

.Polaris-DataTable__Cell--sortable_yf7r1{ padding:0; }

.Polaris-DataTable__Cell--verticalAlignTop_1042b{ vertical-align:top; }

.Polaris-DataTable__Cell--verticalAlignBottom_1dkyy{ vertical-align:bottom; }

.Polaris-DataTable__Cell--verticalAlignMiddle_mmoue{ vertical-align:middle; }

.Polaris-DataTable__Cell--verticalAlignBaseline_sl0em{ vertical-align:baseline; }

.Polaris-DataTable__Icon_yj27d{ display:flex; align-self:flex-end; opacity:0; transition:opacity 200ms cubic-bezier(0.64, 0, 0.35, 1), fill 200ms cubic-bezier(0.64, 0, 0.35, 1); }

.Polaris-DataTable__Heading_1brcv{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; padding:0; background:none; border:none; font-size:inherit; line-height:inherit; cursor:pointer; position:relative; display:inline-flex; justify-content:flex-end; align-items:baseline; color:var(--p-text, #212b36); transition:color 200ms cubic-bezier(0.64, 0, 0.35, 1); padding:1.6rem; cursor:pointer; }

.Polaris-DataTable__Heading_1brcv:focus{ outline:none; }

.Polaris-DataTable__Heading_1brcv svg{ fill:var(--p-icon); }

.Polaris-DataTable__Heading_1brcv:hover, .Polaris-DataTable__Heading_1brcv:focus{ color:var(--p-interactive-hovered, #5c6ac4); }

.Polaris-DataTable__Heading_1brcv:hover svg, .Polaris-DataTable__Heading_1brcv:focus svg{ fill:var(--p-interactive-hovered, #5c6ac4); }

.Polaris-DataTable__Heading_1brcv:hover .Polaris-DataTable__Icon_yj27d, .Polaris-DataTable__Heading_1brcv:focus .Polaris-DataTable__Icon_yj27d{ opacity:1; }

.Polaris-DataTable__Heading--left_au11s{ justify-content:flex-start; flex-direction:row-reverse; }

.Polaris-DataTable__Cell--sorted_ea2kb .Polaris-DataTable__Icon_yj27d{ opacity:1; }

.Polaris-DataTable__Cell--total_99xdh{ font-weight:600; background:var(--p-surface-subdued, #f9fafb); border-bottom:0.1rem solid var(--p-border-subdued, #dfe3e8); }

.Polaris-DataTable--cellTotalFooter_1fqr9{ border-top:0.1rem solid var(--p-divider, #dfe3e8); border-bottom:none; }

.Polaris-DataTable__Footer_z4ij5{ padding:1.6rem; background:var(--p-surface-subdued, #f4f6f8); color:var(--p-text-subdued, #637381); text-align:center; }