UNPKG

@lobehub/ui

Version:

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

github.com/lobehub/lobe-ui

lobehub/lobe-ui

1 lines • 3.86 kB
1
{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/StatCard/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar, responsive }) => ({\n badge: css`\n display: inline-flex;\n flex: none;\n align-items: center;\n justify-content: center;\n\n inline-size: 24px;\n block-size: 24px;\n border: 1px solid ${cssVar.colorFillSecondary};\n border-radius: ${cssVar.borderRadiusSM};\n\n color: ${cssVar.colorTextTertiary};\n\n background: ${cssVar.colorFillTertiary};\n `,\n body: css`\n position: relative;\n z-index: 1;\n `,\n copy: css`\n flex-wrap: nowrap;\n min-inline-size: 0;\n `,\n delta: css`\n display: inline-flex;\n gap: 2px;\n align-items: center;\n\n font-size: ${cssVar.fontSizeSM};\n font-variant-numeric: tabular-nums;\n `,\n deltaDown: css`\n color: ${cssVar.colorError};\n `,\n deltaFlat: css`\n color: ${cssVar.colorTextTertiary};\n `,\n deltaUp: css`\n color: ${cssVar.colorSuccess};\n `,\n frame: css`\n &&& {\n border-color: ${cssVar.colorBorderSecondary};\n }\n `,\n gray: css`\n &::before {\n background: linear-gradient(\n to bottom,\n ${cssVar.colorBgElevated} 0%,\n color-mix(in srgb, ${cssVar.colorText} 4%, ${cssVar.colorBgElevated}) 100%\n );\n }\n `,\n hint: css`\n font-size: ${cssVar.fontSizeSM};\n color: ${cssVar.colorTextTertiary};\n `,\n label: css`\n font-size: ${cssVar.fontSizeSM};\n color: ${cssVar.colorTextSecondary};\n `,\n lift: css`\n display: flex;\n min-inline-size: 0;\n border-radius: ${cssVar.borderRadiusLG};\n box-shadow: ${cssVar.boxShadowTertiary};\n `,\n metricFoot: css`\n margin-block-start: 14px;\n `,\n metricHint: css`\n && {\n font-size: ${cssVar.fontSize};\n color: ${cssVar.colorText};\n }\n `,\n metricLabel: css`\n && {\n font-size: ${cssVar.fontSize};\n font-weight: 500;\n color: ${cssVar.colorText};\n }\n `,\n metricValue: css`\n && {\n margin-block-start: 6px;\n\n font-size: ${cssVar.fontSizeHeading2};\n font-weight: 700;\n font-variant-numeric: tabular-nums;\n line-height: 1.05;\n color: ${cssVar.colorText};\n }\n `,\n root: css`\n position: relative;\n\n overflow: hidden;\n flex: 1;\n\n min-inline-size: 0;\n padding: 16px;\n `,\n value: css`\n font-size: ${cssVar.fontSizeHeading2};\n font-weight: 600;\n font-variant-numeric: tabular-nums;\n line-height: 1.2;\n color: ${cssVar.colorText};\n\n ${responsive.mobile} {\n font-size: ${cssVar.fontSizeHeading3};\n }\n `,\n wash: css`\n isolation: isolate;\n\n &::before {\n pointer-events: none;\n content: '';\n\n position: absolute;\n z-index: 0;\n inset: 0;\n }\n `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,kBAAkB;CACzE,OAAO,GAAG;;;;;;;;wBAQY,OAAO,mBAAmB;qBAC7B,OAAO,eAAe;;aAE9B,OAAO,kBAAkB;;kBAEpB,OAAO,kBAAkB;;CAEzC,MAAM,GAAG;;;;CAIT,MAAM,GAAG;;;;CAIT,OAAO,GAAG;;;;;iBAKK,OAAO,WAAW;;;CAGjC,WAAW,GAAG;aACH,OAAO,WAAW;;CAE7B,WAAW,GAAG;aACH,OAAO,kBAAkB;;CAEpC,SAAS,GAAG;aACD,OAAO,aAAa;;CAE/B,OAAO,GAAG;;sBAEU,OAAO,qBAAqB;;;CAGhD,MAAM,GAAG;;;;UAID,OAAO,gBAAgB;6BACJ,OAAO,UAAU,OAAO,OAAO,gBAAgB;;;;CAI1E,MAAM,GAAG;iBACM,OAAO,WAAW;aACtB,OAAO,kBAAkB;;CAEpC,OAAO,GAAG;iBACK,OAAO,WAAW;aACtB,OAAO,mBAAmB;;CAErC,MAAM,GAAG;;;qBAGU,OAAO,eAAe;kBACzB,OAAO,kBAAkB;;CAEzC,YAAY,GAAG;;;CAGf,YAAY,GAAG;;mBAEE,OAAO,SAAS;eACpB,OAAO,UAAU;;;CAG9B,aAAa,GAAG;;mBAEC,OAAO,SAAS;;eAEpB,OAAO,UAAU;;;CAG9B,aAAa,GAAG;;;;mBAIC,OAAO,iBAAiB;;;;eAI5B,OAAO,UAAU;;;CAG9B,MAAM,GAAG;;;;;;;;;CAST,OAAO,GAAG;iBACK,OAAO,iBAAiB;;;;aAI5B,OAAO,UAAU;;MAExB,WAAW,OAAO;mBACL,OAAO,iBAAiB;;;CAGzC,MAAM,GAAG;;;;;;;;;;;;AAYX,EAAE"}