@lobehub/ui/es/MaskShadow/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/MaskShadow/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    bottomShadow: css`\n      mask-image: linear-gradient(\n        180deg,\n        #000 calc(100% - var(--mask-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    leftShadow: css`\n      mask-image: linear-gradient(\n        270deg,\n        #000 calc(100% - var(--mask-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    rightShadow: css`\n      mask-image: linear-gradient(\n        90deg,\n        #000 calc(100% - var(--mask-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    root: css`\n      scrollbar-width: none;\n      position: relative;\n      overflow: hidden;\n\n      -ms-overflow-style: none;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    `,\n\n    topShadow: css`\n      mask-image: linear-gradient(\n        0deg,\n        #000 calc(100% - var(--mask-shadow-size, 40%)),\n        transparent\n      );\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    position: 'bottom',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    position: {\n      top: styles.topShadow,\n      bottom: styles.bottomShadow,\n      left: styles.leftShadow,\n      right: styles.rightShadow,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n"],"mappings":";;;;AAGA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO;EACL,cAAc,KAAG;;;;;;;EAQjB,YAAY,KAAG;;;;;;;EAQf,aAAa,KAAG;;;;;;;EAQhB,MAAM,KAAG;;;;;;;;;;;EAYT,WAAW,KAAG;;;;;;;EAOf;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,UAAU,UACX;CAED,UAAU,EACR,UAAU;EACR,KAAK,OAAO;EACZ,QAAQ,OAAO;EACf,MAAM,OAAO;EACb,OAAO,OAAO;EACf,EACF;CAEF,CAAC"}