@lobehub/ui

Version:

Lobe UI is an open-source UI component library for building AIGC web apps

22 lines (20 loc) • 793 B

JavaScript

import { createStaticStyles } from "antd-style";
//#region src/Grid/style.ts
/**
* `--max-item-width` is the column's minimum width. Clamp it to the container,
* otherwise a value wider than a phone screen overflows the page instead of
* collapsing to one column.
*/
const gridTemplateColumns = "repeat(auto-fill, minmax(max(min(var(--max-item-width), 100%), calc((100% - var(--gap) * (var(--rows) - 1)) / var(--rows))), 1fr))";
const styles = createStaticStyles(({ css }) => {
	return css`
    --rows: var(--grid-rows, 3);
    --max-item-width: var(--grid-max-item-width, 240px);
    --gap: var(--grid-gap, 1em);

    display: grid !important;
    grid-template-columns: ${gridTemplateColumns};
  `;
});
//#endregion
export { gridTemplateColumns, styles };

//# sourceMappingURL=style.mjs.map