@lobehub/ui/es/dashboard/PageSkeleton/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/dashboard/PageSkeleton/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar, responsive }) => ({\n  action: css`\n    flex: none;\n    inline-size: 96px;\n    block-size: 32px;\n\n    ${responsive.mobile} {\n      inline-size: 100%;\n      block-size: 44px;\n    }\n  `,\n  cell: css`\n    flex: none;\n    inline-size: 88px;\n    block-size: 14px;\n  `,\n  copy: css`\n    flex: 1;\n    min-inline-size: 0;\n  `,\n  header: css`\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n    justify-content: space-between;\n\n    ${responsive.mobile} {\n      flex-direction: column;\n      align-items: stretch;\n    }\n  `,\n  headerCopy: css`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    gap: 8px;\n\n    min-inline-size: 0;\n  `,\n  page: css`\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  `,\n  row: css`\n    display: flex;\n    gap: 12px;\n    align-items: center;\n\n    min-block-size: 54px;\n    padding-block: 12px;\n    padding-inline: 16px;\n    border-block-end: 1px solid ${cssVar.colorBorder};\n\n    &:last-child {\n      border-block-end: none;\n    }\n  `,\n  srOnly: css`\n    position: absolute;\n\n    overflow: hidden;\n\n    inline-size: 1px;\n    block-size: 1px;\n\n    white-space: nowrap;\n\n    clip-path: inset(50%);\n  `,\n  statGrid: css`\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n    gap: 12px;\n  `,\n  stat: css`\n    display: flex;\n    flex-direction: column;\n    padding: 16px;\n  `,\n  statValue: css`\n    inline-size: 42%;\n    block-size: ${cssVar.fontSizeHeading2};\n    margin-block: 6px 14px;\n  `,\n  table: css`\n    overflow: hidden;\n    min-inline-size: 0;\n  `,\n  tag: css`\n    flex: none;\n    inline-size: 72px;\n    block-size: 22px;\n    border-radius: ${cssVar.borderRadiusSM};\n  `,\n  thead: css`\n    display: flex;\n    gap: 12px;\n    align-items: center;\n\n    min-block-size: 39px;\n    padding-block: 10px;\n    padding-inline: 16px;\n\n    background: ${cssVar.colorFillTertiary};\n  `,\n  theadCell: css`\n    flex: none;\n    block-size: 12px;\n  `,\n  title: css`\n    inline-size: 220px;\n    max-inline-size: 70%;\n    block-size: ${cssVar.fontSizeHeading3};\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,kBAAkB;CACzE,QAAQ,GAAG;;;;;MAKP,WAAW,OAAO;;;;;CAKtB,MAAM,GAAG;;;;;CAKT,MAAM,GAAG;;;;CAIT,QAAQ,GAAG;;;;;;MAMP,WAAW,OAAO;;;;;CAKtB,YAAY,GAAG;;;;;;;;CAQf,MAAM,GAAG;;;;;CAKT,KAAK,GAAG;;;;;;;;kCAQwB,OAAO,YAAY;;;;;;CAMnD,QAAQ,GAAG;;;;;;;;;;;;CAYX,UAAU,GAAG;;;;;CAKb,MAAM,GAAG;;;;;CAKT,WAAW,GAAG;;kBAEE,OAAO,iBAAiB;;;CAGxC,OAAO,GAAG;;;;CAIV,KAAK,GAAG;;;;qBAIW,OAAO,eAAe;;CAEzC,OAAO,GAAG;;;;;;;;;kBASM,OAAO,kBAAkB;;CAEzC,WAAW,GAAG;;;;CAId,OAAO,GAAG;;;kBAGM,OAAO,iBAAiB;;AAE1C,EAAE"}