updated box shadows

codyhouse · Oct 19, 2022 · 97dd466 · 97dd466
1 parent 636890c
commit 97dd466
Showing 1 changed file with 16 additions and 16 deletions.
diff --git a/css/globals/shared-styles.css b/css/globals/shared-styles.css
@@ -5,25 +5,25 @@
  --radius-lg: calc(var(--radius-md)*2);
 
  /* box shadow */
- --shadow-ring: 0 0 0 1px hsla(var(--color-black-hsl), 0.065);
+ --shadow-ring: 0 0 0 1px hsla(var(--color-black-hsl), 0.05);
 
  --shadow-xs: 0 0 0 1px hsla(var(--color-black-hsl), 0.02), 
  0 1px 3px -1px hsla(var(--color-black-hsl), 0.2);
- --shadow-sm: 0 0.3px 0.4px hsla(var(--color-black-hsl), 0.025),
- 0 0.9px 1.5px hsla(var(--color-black-hsl), 0.05), 
- 0 3.5px 6px hsla(var(--color-black-hsl), 0.1); 
- --shadow-md: 0 0.9px 1.5px hsla(var(--color-black-hsl), 0.03), 
- 0 3.1px 5.5px hsla(var(--color-black-hsl), 0.08), 
- 0 14px 25px hsla(var(--color-black-hsl), 0.12); 
- --shadow-lg: 0 1.2px 1.9px -1px hsla(var(--color-black-hsl), 0.014), 
- 0 3.3px 5.3px -1px hsla(var(--color-black-hsl), 0.038), 
- 0 8.5px 12.7px -1px hsla(var(--color-black-hsl), 0.085), 
- 0 30px 42px -1px hsla(var(--color-black-hsl), 0.15);
- --shadow-xl: 0 1.5px 2.1px -6px hsla(var(--color-black-hsl), 0.012), 
- 0 3.6px 5.2px -6px hsla(var(--color-black-hsl), 0.035), 
- 0 7.3px 10.6px -6px hsla(var(--color-black-hsl), 0.07), 
- 0 16.2px 21.9px -6px hsla(var(--color-black-hsl), 0.117), 
- 0 46px 60px -6px hsla(var(--color-black-hsl), 0.2);
+ --shadow-sm: 0 0.3px 0.4px hsla(var(--color-black-hsl), 0.02),
+ 0 0.9px 1.5px hsla(var(--color-black-hsl), 0.045),
+ 0 3.5px 6px hsla(var(--color-black-hsl), 0.09);
+ --shadow-md: 0 0.9px 1.25px hsla(var(--color-black-hsl), 0.025),
+ 0 3px 5px hsla(var(--color-black-hsl), 0.05),
+ 0 12px 20px hsla(var(--color-black-hsl), 0.09);
+ --shadow-lg: 0 1.2px 1.9px -1px hsla(var(--color-black-hsl), 0.01),
+ 0 3px 5px -1px hsla(var(--color-black-hsl), 0.015),
+ 0 8px 15px -1px hsla(var(--color-black-hsl), 0.05),
+ 0 28px 40px -1px hsla(var(--color-black-hsl), 0.1);
+ --shadow-xl: 0 1.5px 2.1px -6px hsla(var(--color-black-hsl), 0.009),
+ 0 3.6px 5.2px -6px hsla(var(--color-black-hsl), 0.0115),
+ 0 7.3px 10.6px -6px hsla(var(--color-black-hsl), 0.0125),
+ 0 16.2px 21.9px -6px hsla(var(--color-black-hsl), 0.025),
+ 0 46px 60px -6px hsla(var(--color-black-hsl), 0.15);
 
  --inner-glow: inset 0 0 0.5px 1px hsla(var(--color-white-hsl), 0.075);
  --inner-glow-top: inset 0 1px 0.5px hsla(var(--color-white-hsl), 0.075);