@shopify/polaris/build/esnext/components/Grid/Grid.css

Shopify’s admin product component library

/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.Polaris-Grid_yirxx { display: grid; gap: var(--pc-grid-gap-xs, var(--p-space-4)); grid-template-columns: repeat(var(--pc-grid-columns-xs, 6), minmax(0, 1fr)); }

@media (min-width: 1.875em) { .Polaris-Grid_yirxx { gap: var(--pc-grid-gap-sm, var(--p-space-4)); grid-template-columns: repeat(var(--pc-grid-columns-sm, 6), minmax(0, 1fr)); } }

@media (min-width: 3em) { .Polaris-Grid_yirxx { gap: var(--pc-grid-gap-md, var(--p-space-4)); grid-template-columns: repeat(var(--pc-grid-columns-md, 6), minmax(0, 1fr)); } }

@media (min-width: 4.0625em) { .Polaris-Grid_yirxx { gap: var(--pc-grid-gap-lg, var(--p-space-4)); grid-template-columns: repeat(var(--pc-grid-columns-lg, 12), minmax(0, 1fr)); } }

@media (min-width: 5.625em) { .Polaris-Grid_yirxx { gap: var(--pc-grid-gap-xl, var(--p-space-4)); grid-template-columns: repeat(var(--pc-grid-columns-xl, 12), minmax(0, 1fr)); } }

.Polaris-Grid__Cell_yixs7 { min-width: 0; }

.Polaris-Grid--grid_1ColumnXs_39on5 { grid-column-end: span 1; }

.Polaris-Grid--grid_2ColumnXs_2rwk2 { grid-column-end: span 2; }

.Polaris-Grid--grid_3ColumnXs_4k79q { grid-column-end: span 3; }

.Polaris-Grid--grid_4ColumnXs_3wy06 { grid-column-end: span 4; }

.Polaris-Grid--grid_5ColumnXs_5peoq { grid-column-end: span 5; }

.Polaris-Grid--grid_6ColumnXs_57mln { grid-column-end: span 6; }

@media (min-width: 1.875em) { .Polaris-Grid--grid_1ColumnSm_cghtk { grid-column-end: span 1; }
  .Polaris-Grid--grid_2ColumnSm_d6kr6 { grid-column-end: span 2; }
  .Polaris-Grid--grid_3ColumnSm_dr6f1 { grid-column-end: span 3; }
  .Polaris-Grid--grid_4ColumnSm_9g643 { grid-column-end: span 4; }
  .Polaris-Grid--grid_5ColumnSm_a0rrz { grid-column-end: span 5; }
  .Polaris-Grid--grid_6ColumnSm_aqupl { grid-column-end: span 6; } }

@media (min-width: 3em) { .Polaris-Grid--grid_1ColumnMd_1r5s1 { grid-column-end: span 1; }
  .Polaris-Grid--grid_2ColumnMd_1qlc9 { grid-column-end: span 2; }
  .Polaris-Grid--grid_3ColumnMd_1pv9e { grid-column-end: span 3; }
  .Polaris-Grid--grid_4ColumnMd_1ubkx { grid-column-end: span 4; }
  .Polaris-Grid--grid_5ColumnMd_1tli2 { grid-column-end: span 5; }
  .Polaris-Grid--grid_6ColumnMd_1t12a { grid-column-end: span 6; } }

@media (min-width: 4.0625em) { .Polaris-Grid--grid_1ColumnLg_1o9nd { grid-column-end: span 1; }
  .Polaris-Grid--grid_2ColumnLg_1nrva { grid-column-end: span 2; }
  .Polaris-Grid--grid_3ColumnLg_1pk60 { grid-column-end: span 3; }
  .Polaris-Grid--grid_4ColumnLg_1owwq { grid-column-end: span 4; }
  .Polaris-Grid--grid_5ColumnLg_1qpdf { grid-column-end: span 5; }
  .Polaris-Grid--grid_6ColumnLg_1q7lc { grid-column-end: span 6; }
  .Polaris-Grid--grid_7ColumnLg_1rzw1 { grid-column-end: span 7; }
  .Polaris-Grid--grid_8ColumnLg_1hm2k { grid-column-end: span 8; }
  .Polaris-Grid--grid_9ColumnLg_1jej8 { grid-column-end: span 9; }
  .Polaris-Grid--grid_10ColumnLg_noy5h { grid-column-end: span 10; }
  .Polaris-Grid--grid_11ColumnLg_e2qmq { grid-column-end: span 11; }
  .Polaris-Grid--grid_12ColumnLg_1uc0q { grid-column-end: span 12; } }

@media (min-width: 5.625em) { .Polaris-Grid--grid_1ColumnXl_mayg8 { grid-column-end: span 1; }
  .Polaris-Grid--grid_2ColumnXl_my7q0 { grid-column-end: span 2; }
  .Polaris-Grid--grid_3ColumnXl_l0fto { grid-column-end: span 3; }
  .Polaris-Grid--grid_4ColumnXl_lt69w { grid-column-end: span 4; }
  .Polaris-Grid--grid_5ColumnXl_jv8eo { grid-column-end: span 5; }
  .Polaris-Grid--grid_6ColumnXl_kihof { grid-column-end: span 6; }
  .Polaris-Grid--grid_7ColumnXl_ikps3 { grid-column-end: span 7; }
  .Polaris-Grid--grid_8ColumnXl_t40gf { grid-column-end: span 8; }
  .Polaris-Grid--grid_9ColumnXl_r62l6 { grid-column-end: span 9; }
  .Polaris-Grid--grid_10ColumnXl_4izqa { grid-column-end: span 10; }
  .Polaris-Grid--grid_11ColumnXl_e5d7y { grid-column-end: span 11; }
  .Polaris-Grid--grid_12ColumnXl_wx16t { grid-column-end: span 12; } }