@lobehub/ui/es/awesome/Features/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/awesome/Features/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const prefix = `${prefixCls}-features`;\n  const coverCls = `${prefix}-cover`;\n  const descCls = `${prefix}-description`;\n  const titleCls = `${prefix}-title`;\n  const imgCls = `${prefix}-img`;\n\n  const scaleUnit = 20;\n\n  const genSize = (size: number) => css`\n    width: ${size}px;\n    height: ${size}px;\n    font-size: ${size * (22 / 24)}px;\n  `;\n\n  const withTransition = css`\n    transition: all ${cssVar.motionDurationSlow} ${cssVar.motionEaseInOutCirc};\n  `;\n\n  return {\n    cell: css`\n      overflow: hidden;\n    `,\n\n    container: css`\n      ${withTransition}\n      position: relative;\n      z-index: 1;\n\n      overflow: hidden;\n\n      height: 228px;\n      max-height: 228px;\n      padding: 24px;\n\n      p {\n        font-size: 16px;\n        line-height: 1.2;\n        text-align: start;\n        word-break: break-word;\n      }\n\n      &:hover {\n        .${coverCls} {\n          width: 100%;\n          height: calc(var(--features-row-num, 7) * ${scaleUnit}px);\n          padding: 0;\n          background: ${cssVar.colorFillContent};\n        }\n\n        .${imgCls} {\n          ${genSize(100)};\n        }\n\n        .${descCls} {\n          position: absolute;\n          visibility: hidden;\n          opacity: 0;\n        }\n\n        .${titleCls} {\n          font-size: var(--features-title-hover-size, 20px);\n        }\n      }\n    `,\n\n    containerHasLink: css`\n      ${withTransition}\n      position: relative;\n      z-index: 1;\n\n      overflow: hidden;\n\n      height: 228px;\n      max-height: 228px;\n      padding: 24px;\n\n      p {\n        font-size: 16px;\n        line-height: 1.2;\n        text-align: start;\n        word-break: break-word;\n      }\n\n      &:hover {\n        .${coverCls} {\n          width: 100%;\n          height: calc(var(--features-row-num, 7) * ${scaleUnit}px);\n          padding: 0;\n          background: ${cssVar.colorFillContent};\n        }\n\n        .${imgCls} {\n          ${genSize(100)};\n        }\n\n        .${descCls} {\n          position: absolute;\n          visibility: hidden;\n          opacity: 0;\n        }\n\n        .${titleCls} {\n          font-size: 14px;\n        }\n      }\n    `,\n    desc: css`\n      ${descCls}\n      ${withTransition}\n      pointer-events: none;\n      color: ${cssVar.colorTextSecondary};\n\n      quotient {\n        position: relative;\n\n        display: block;\n\n        margin-block: 12px;\n        margin-inline: 0;\n        padding-inline-start: 12px;\n\n        color: ${cssVar.colorTextDescription};\n      }\n    `,\n    img: css`\n      ${imgCls}\n      ${withTransition}\n      ${genSize(20)};\n      color: ${cssVar.colorText};\n    `,\n\n    imgContainer: css`\n      ${coverCls}\n      ${withTransition}\n      ${genSize(24)};\n      padding: 4px;\n      opacity: 0.8;\n      border-radius: ${cssVar.borderRadius};\n    `,\n\n    link: css`\n      ${withTransition};\n      margin-block-start: 24px;\n    `,\n\n    title: css`\n      ${titleCls}\n      ${withTransition}\n      pointer-events: none;\n\n      margin-block: 16px;\n      margin-inline: 0;\n\n      font-size: 20px;\n      line-height: ${cssVar.lineHeightHeading3};\n      color: ${cssVar.colorText};\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;CAC5D,MAAM,SAAS,GAAG,UAAU;CAC5B,MAAM,WAAW,GAAG,OAAO;CAC3B,MAAM,UAAU,GAAG,OAAO;CAC1B,MAAM,WAAW,GAAG,OAAO;CAC3B,MAAM,SAAS,GAAG,OAAO;CAEzB,MAAM,YAAY;CAElB,MAAM,WAAW,SAAiB,KAAG;aAC1B,KAAK;cACJ,KAAK;iBACF,QAAQ,KAAK,IAAI;;CAGhC,MAAM,iBAAiB,KAAG;sBACNA,SAAO,mBAAmB,GAAGA,SAAO,oBAAoB;;AAG5E,QAAO;EACL,MAAM,KAAG;;;EAIT,WAAW,KAAG;QACV,eAAe;;;;;;;;;;;;;;;;;;WAkBZ,SAAS;;sDAEkC,UAAU;;wBAExCA,SAAO,iBAAiB;;;WAGrC,OAAO;YACN,QAAQ,IAAI,CAAC;;;WAGd,QAAQ;;;;;;WAMR,SAAS;;;;;EAMhB,kBAAkB,KAAG;QACjB,eAAe;;;;;;;;;;;;;;;;;;WAkBZ,SAAS;;sDAEkC,UAAU;;wBAExCA,SAAO,iBAAiB;;;WAGrC,OAAO;YACN,QAAQ,IAAI,CAAC;;;WAGd,QAAQ;;;;;;WAMR,SAAS;;;;;EAKhB,MAAM,KAAG;QACL,QAAQ;QACR,eAAe;;eAERA,SAAO,mBAAmB;;;;;;;;;;;iBAWxBA,SAAO,qBAAqB;;;EAGzC,KAAK,KAAG;QACJ,OAAO;QACP,eAAe;QACf,QAAQ,GAAG,CAAC;eACLA,SAAO,UAAU;;EAG5B,cAAc,KAAG;QACb,SAAS;QACT,eAAe;QACf,QAAQ,GAAG,CAAC;;;uBAGGA,SAAO,aAAa;;EAGvC,MAAM,KAAG;QACL,eAAe;;;EAInB,OAAO,KAAG;QACN,SAAS;QACT,eAAe;;;;;;;qBAOFA,SAAO,mBAAmB;eAChCA,SAAO,UAAU;;EAE7B;EACD"}