Initial commit
This commit is contained in:
15
src/theme/shadows.js
Normal file
15
src/theme/shadows.js
Normal file
@@ -0,0 +1,15 @@
|
||||
// ==============================|| 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;
|
||||
Reference in New Issue
Block a user