@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":["responsive","cssVar"],"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,YAAK,kBAAQ,gCAAkB;CACzE,MAAM,KAAG;;;CAGT,OAAO,KAAG;;;;;;;QAOJA,aAAW,GAAG;;;;;;wCAMkBC,SAAO,YAAY;;;;CAIzD,MAAM,KAAG;;;;;;;;kCAQuBA,SAAO,qBAAqB;;2CAEnBA,SAAO,cAAc;;MAE1DD,aAAW,GAAG;;;;;CAKnB,EAAE"}