@inkline/inkline/css/variables/box-shadow.css

Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building high-quality, accessible, and customizable Vue.js 3 Design Systems.

:root {
  /**
   * Box shadow variables
   */
  --box-shadow-offset-x: 0;
  --box-shadow-offset-y: 0.5rem;
  --box-shadow-blur-radius: 1rem;
  --box-shadow-spread-radius: -0.75rem;
  --box-shadow-color: rgba(0, 0, 0, 0.15);
  --box-shadow: var(--box-shadow-offset-x) var(--box-shadow-offset-y) var(--box-shadow-blur-radius) var(--box-shadow-spread-radius) var(--box-shadow-color);
}