@lobehub/ui/es/awesome/Hero/style.mjs.map

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

{"version":3,"file":"style.mjs","names":["cssVar","lobeStaticStylish"],"sources":["../../../src/awesome/Hero/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  actions: css`\n    margin-block-start: 24px;\n\n    button {\n      padding-inline: 32px !important;\n      font-weight: 500;\n    }\n\n    ${responsive.sm} {\n      flex-direction: column;\n      gap: 16px;\n      width: 100%;\n      margin-block-start: 24px;\n\n      button {\n        width: 100%;\n      }\n    }\n  `,\n\n  container: css`\n    position: relative;\n    box-sizing: border-box;\n    text-align: center;\n  `,\n\n  desc: css`\n    margin-block-start: 0;\n    font-size: ${cssVar.fontSizeHeading3};\n    color: ${cssVar.colorTextSecondary};\n    text-align: center;\n\n    ${responsive.sm} {\n      margin-block: 24px;\n      margin-inline: 16px;\n      font-size: ${cssVar.fontSizeHeading5};\n    }\n  `,\n  title: css`\n    z-index: 10;\n\n    margin: 0;\n\n    font-size: min(100px, 10vw);\n    line-height: 1.2;\n    text-align: center;\n\n    b {\n      ${lobeStaticStylish.gradientAnimation}\n      position: relative;\n      z-index: 5;\n      background-clip: text;\n\n      -webkit-text-fill-color: transparent;\n\n      &::selection {\n        -webkit-text-fill-color: #000 !important;\n      }\n    }\n\n    ${responsive.sm} {\n      font-size: 64px;\n    }\n  `,\n}));\n"],"mappings":";;;;AAIA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,SAAS,KAAG;;;;;;;;MAQR,WAAW,GAAG;;;;;;;;;;;CAYlB,WAAW,KAAG;;;;;CAMd,MAAM,KAAG;;iBAEMA,SAAO,iBAAiB;aAC5BA,SAAO,mBAAmB;;;MAGjC,WAAW,GAAG;;;mBAGDA,SAAO,iBAAiB;;;CAGzC,OAAO,KAAG;;;;;;;;;;QAUJC,cAAkB,kBAAkB;;;;;;;;;;;;MAYtC,WAAW,GAAG;;;;CAInB,EAAE"}