@lobehub/ui/es/Header/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/Header/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar, responsive }) => ({\n  left: css`\n    z-index: 10;\n  `,\n  right: css`\n    z-index: 10;\n\n    &-aside {\n      display: flex;\n      align-items: center;\n\n      ${responsive.sm} {\n        justify-content: center;\n\n        margin-block: 8px;\n        margin-inline: 16px;\n        padding-block-start: 24px;\n        border-block-start: 1px solid ${cssVar.colorBorder};\n      }\n    }\n  `,\n  root: css`\n    grid-area: head;\n    align-self: stretch;\n\n    width: 100%;\n    height: 64px;\n    padding-block: 0;\n    padding-inline: 24px;\n    border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n\n    background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 40%, transparent);\n\n    ${responsive.sm} {\n      padding-block: 0;\n      padding-inline: 12px;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,kBAAkB;CACzE,MAAM,GAAG;;;CAGT,OAAO,GAAG;;;;;;;QAOJ,WAAW,GAAG;;;;;;wCAMkB,OAAO,YAAY;;;;CAIzD,MAAM,GAAG;;;;;;;;kCAQuB,OAAO,qBAAqB;;2CAEnB,OAAO,cAAc;;MAE1D,WAAW,GAAG;;;;;CAKnB,EAAE"}