{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Grid/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\n/**\n * `--max-item-width` is the column's minimum width. Clamp it to the container,\n * otherwise a value wider than a phone screen overflows the page instead of\n * collapsing to one column.\n */\nexport const gridTemplateColumns =\n  'repeat(auto-fill, minmax(max(min(var(--max-item-width), 100%), calc((100% - var(--gap) * (var(--rows) - 1)) / var(--rows))), 1fr))';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return css`\n    --rows: var(--grid-rows, 3);\n    --max-item-width: var(--grid-max-item-width, 240px);\n    --gap: var(--grid-gap, 1em);\n\n    display: grid !important;\n    grid-template-columns: ${gridTemplateColumns};\n  `;\n});\n"],"mappings":";;;;;;;AAOA,MAAa,sBACX;AAEF,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,OAAO,GAAG;;;;;;6BAMiB,oBAAoB;;AAEjD,CAAC"}