16 lines
800 B
JavaScript
16 lines
800 B
JavaScript
// ==============================|| DOORMILE THEME - CUSTOM SHADOWS ||============================== //
|
|
// Layered elevation (a tight contact shadow + a soft ambient shadow) reads far more
|
|
// premium than a single blurry drop shadow. Brand glow on CTAs is kept restrained.
|
|
|
|
const customShadows = {
|
|
card: '0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06)',
|
|
cardHover: '0 10px 28px -6px rgba(16, 24, 40, 0.12), 0 2px 6px rgba(16, 24, 40, 0.05)',
|
|
widget: '0 1px 3px rgba(16, 24, 40, 0.06)',
|
|
dropdown: '0 12px 32px -8px rgba(16, 24, 40, 0.18), 0 4px 10px rgba(16, 24, 40, 0.06)',
|
|
primaryGlow: '0 4px 12px -2px rgba(192, 18, 39, 0.22)',
|
|
primaryGlowHover: '0 6px 16px -2px rgba(192, 18, 39, 0.30)',
|
|
header: '0 1px 0 rgba(16, 24, 40, 0.06)'
|
|
};
|
|
|
|
export default customShadows;
|