@lobehub/ui/es/awesome/CodeShowcase/style.mjs.map

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

{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/awesome/CodeShowcase/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar, responsive }) => ({\n  code: css`\n    overflow: auto;\n    min-inline-size: 0;\n    min-block-size: var(--code-showcase-min-height);\n  `,\n  panes: css`\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n\n    ${responsive.mobile} {\n      grid-template-columns: 1fr;\n    }\n  `,\n  preview: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    min-inline-size: 0;\n    min-block-size: var(--code-showcase-min-height);\n    padding: 20px;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: ${cssVar.borderRadiusLG};\n\n    background: color-mix(in srgb, ${cssVar.colorBgElevated} 25%, transparent);\n    box-shadow: ${cssVar.boxShadowTertiary};\n\n    > * {\n      max-inline-size: 100%;\n    }\n  `,\n  root: css`\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    align-items: stretch;\n  `,\n  tabs: css`\n    align-self: center;\n    max-inline-size: 100%;\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,kBAAkB;CACzE,MAAM,GAAG;;;;;CAKT,OAAO,GAAG;;;;;MAKN,WAAW,OAAO;;;;CAItB,SAAS,GAAG;;;;;;;;wBAQU,OAAO,qBAAqB;qBAC/B,OAAO,eAAe;;qCAEN,OAAO,gBAAgB;kBAC1C,OAAO,kBAAkB;;;;;;CAMzC,MAAM,GAAG;;;;;;CAMT,MAAM,GAAG;;;;AAIX,EAAE"}