UNPKG

@lobehub/ui

Version:

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

1 lines 2.08 kB
{"version":3,"file":"style.mjs","names":[],"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,KAAK,cAAc;CAC7D,eAAe,GAAG;;;;;;;;;;;;QAYZ,OAAO,UAAU;;;;;;CAOvB,sBAAsB,GAAG;;;;;;;;;;;;QAYnB,OAAO,UAAU;;;;;;CAOvB,gBAAgB,GAAG;;;;;;;;;;;;;QAab,OAAO,oBAAoB;;;;;CAMjC,uBAAuB,GAAG;;;;;;;;;;;;;QAapB,OAAO,oBAAoB;;;;;CAKlC,EAAE"}