@mantine/core/styles/SimpleGrid.layer.css

React components library focused on usability, accessibility and developer experience

@layer mantine {.m_925c2d2c {
  container: simple-grid / inline-size;
}

.m_2415a157 {
  display: grid;
  grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
  grid-auto-rows: var(--sg-auto-rows, auto);
  gap: var(--sg-spacing-y) var(--sg-spacing-x);
}

.m_2415a157[data-auto-cols='auto-fill'] {
  grid-template-columns: repeat(auto-fill, minmax(var(--sg-min-col-width), 1fr));
}

.m_2415a157[data-auto-cols='auto-fit'] {
  grid-template-columns: repeat(auto-fit, minmax(var(--sg-min-col-width), 1fr));
}
}