@cn-ui/core/src/css/presets/boxShadow.ts

The @cn-ui/core is a collection of UI components and utilities for building modern web applications with SolidJS.

/** @link https://ant-design.antgroup.com/docs/spec/shadow-cn#%E9%98%B4%E5%BD%B1%E5%80%BC */
export const boxShadow = {
    1: [
        "var(--un-shadow-inset) 0 1px 2px -2px rgb(0 0 0 / 0.16)",
        "var(--un-shadow-inset) 0 3px 6px 0px rgb(0 0 0 / 0.12)",
        "var(--un-shadow-inset) 0 5px 12px 4px rgb(0 0 0 / 0.09)",
    ],
    2: [
        "var(--un-shadow-inset) 0 3px 6px -4px rgb(0 0 0 / 0.12)",
        "var(--un-shadow-inset) 0 6px 16px 0px rgb(0 0 0 / 0.08)",
        "var(--un-shadow-inset) 0 9px 28px 8px rgb(0 0 0 / 0.05)",
    ],

    3: [
        "var(--un-shadow-inset) 0 6px 16px -8px rgb(0 0 0 / 0.08)",
        "var(--un-shadow-inset) 0 9px 28px 0px rgb(0 0 0 / 0.05)",
        "var(--un-shadow-inset) 0 12px 48px 16px rgb(0 0 0 / 0.03)",
    ],
};