@lobehub/ui/es/mdx/Steps/style.mjs.map

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

{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/mdx/Steps/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    container: css`\n      --lobe-markdown-header-multiple: 0.5;\n      --lobe-markdown-margin-multiple: 1;\n\n      position: relative;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-inline-start: 2.5em;\n\n      &::before {\n        content: '';\n\n        position: absolute;\n        inset-block-start: 0.25em;\n        inset-inline-start: 0.9em;\n\n        display: block;\n\n        width: 1px;\n        height: calc(100% - 0.5em);\n\n        background: ${cssVar.colorBorderSecondary};\n      }\n\n      h3 {\n        counter-increment: step;\n\n        &::before {\n          content: counter(step);\n\n          position: absolute;\n          z-index: 1;\n          inset-inline-start: 0;\n\n          display: inline-block;\n\n          width: 1.8em;\n          height: 1.8em;\n          margin-block-start: -0.05em;\n          border-radius: 9999px;\n\n          font-size: 0.8em;\n          font-weight: 500;\n          line-height: 1.8em;\n          color: ${cssVar.colorTextSecondary};\n          text-align: center;\n\n          background: ${cssVar.colorBgElevated};\n          box-shadow: 0 0 0 2px ${cssVar.colorBgLayout};\n        }\n\n        &:not(:first-child) {\n          margin-block-start: 2em;\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO,EACL,WAAW,KAAG;;;;;;;;;;;;;;;;;;;;sBAoBIA,SAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;mBAuB/BA,SAAO,mBAAmB;;;wBAGrBA,SAAO,gBAAgB;kCACbA,SAAO,cAAc;;;;;;;OAQpD;EACD"}