@neu-ui/web-components/dist/src/styles/neu-ui-light.es.js

A Neumorphic web component library built with @microsoft/fast-element and Vite using javascript

import { css as p } from "@microsoft/fast-element";
import { styles as x } from "./styles.es.js";
const i = p`
  ${x}

  :host {
    /* Drop shadow variations */
    --drop-light-shadow-1: -2.5px -2.5px 5px #fafbff, 2.5px 2.5px 5px #a6abbd;
    --drop-light-shadow-2: -5px -5px 10px #fafbff, 5px 5px 10px #a6abbd;
    --drop-light-shadow-3: -10px -10px 20px #fafbff, 10px 10px 20px #a6abbd;
    --drop-light-shadow-4: -15px -15px 30px #fafbff, 15px 15px 30px #a6abbd;

    /* Inner shadow variations */
    --inner-light-shadow-1: inset -2.5px -2.5px 5px #fafbff,
      inset 2.5px 2.5px 5px #a6abbd;
    --inner-light-shadow-2: inset -5px -5px 10px #fafbff,
      inset 5px 5px 10px #a6abbd;
    --inner-light-shadow-3: inset -10px -10px 20px #fafbff,
      inset 10px 10px 20px #a6abbd;
    --inner-light-shadow-4: inset -15px -15px 30px #fafbff,
      inset 15px 15px 30px #a6abbd;

    /* Default shadow depth */
    --drop-light-shadow: var(--drop-light-shadow-1);
    --inner-light-shadow: var(--inner-light-shadow-1);
  }
`;
export {
  i as neumorphicLightStyles
};