UNPKG

@lobehub/ui

Version:

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

1 lines 2.1 kB
{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/awesome/Spotlight/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n spotlightDark: css`\n pointer-events: none;\n\n position: absolute;\n z-index: 1;\n inset: 0;\n\n border-radius: inherit;\n\n opacity: var(--spotlight-opacity, 0.1);\n background: radial-gradient(\n var(--spotlight-size, 64px) circle at var(--spotlight-x, 0) var(--spotlight-y, 0),\n ${cssVar.colorText},\n transparent\n );\n\n transition: all 0.2s;\n `,\n\n spotlightDarkOutside: css`\n pointer-events: none;\n\n position: absolute;\n z-index: 1;\n inset: 0;\n\n border-radius: inherit;\n\n opacity: 0;\n background: radial-gradient(\n var(--spotlight-size, 64px) circle at var(--spotlight-x, 0) var(--spotlight-y, 0),\n ${cssVar.colorText},\n transparent\n );\n\n transition: all 0.2s;\n `,\n\n spotlightLight: css`\n pointer-events: none;\n\n position: absolute;\n z-index: 1;\n inset: 0;\n\n border-radius: inherit;\n\n opacity: var(--spotlight-opacity, 0.1);\n background: radial-gradient(\n var(--spotlight-size, 64px) circle at var(--spotlight-x, 0) var(--spotlight-y, 0),\n #fff,\n ${cssVar.colorTextQuaternary}\n );\n\n transition: all 0.2s;\n `,\n\n spotlightLightOutside: css`\n pointer-events: none;\n\n position: absolute;\n z-index: 1;\n inset: 0;\n\n border-radius: inherit;\n\n opacity: 0;\n background: radial-gradient(\n var(--spotlight-size, 64px) circle at var(--spotlight-x, 0) var(--spotlight-y, 0),\n #fff,\n ${cssVar.colorTextQuaternary}\n );\n\n transition: all 0.2s;\n `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,eAAe,KAAG;;;;;;;;;;;;QAYZA,SAAO,UAAU;;;;;;CAOvB,sBAAsB,KAAG;;;;;;;;;;;;QAYnBA,SAAO,UAAU;;;;;;CAOvB,gBAAgB,KAAG;;;;;;;;;;;;;QAabA,SAAO,oBAAoB;;;;;CAMjC,uBAAuB,KAAG;;;;;;;;;;;;;QAapBA,SAAO,oBAAoB;;;;;CAKlC,EAAE"}