refactor(shadow): introduce shadow-card utility and extend tailwind-merge

This commit is contained in:
zetaloop
2026-02-25 19:31:39 +08:00
parent feef03670a
commit c55d533925
26 changed files with 63 additions and 52 deletions
+7 -4
View File
@@ -46,6 +46,8 @@
--radius-2xl: calc(var(--radius) + 8px);
--radius-3xl: calc(var(--radius) + 12px);
--radius-4xl: calc(var(--radius) + 16px);
--shadow-card: var(--card-shadow);
--shadow-card-hover: var(--card-shadow-hover);
}
:root {
@@ -82,8 +84,9 @@
--sidebar-accent-foreground: oklch(0.36 0.1 46.65);
--sidebar-border: oklch(0.94 0 0);
--sidebar-ring: oklch(0.701 0.189 46.65);
--shadow-card: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 2px 8px -1px rgba(0, 0, 0, 0.04);
--shadow-card-hover: 0 2px 8px -2px rgba(0, 0, 0, 0.06), 0 6px 20px -4px rgba(0, 0, 0, 0.08);
--card-shadow: 0 1px 3px 0 rgba(30, 40, 55, 0.04), 0 4px 12px -2px rgba(30, 40, 55, 0.06);
--card-shadow-hover:
0 4px 16px -2px rgba(30, 40, 55, 0.07), 0 8px 24px -4px rgba(30, 40, 55, 0.09);
}
.dark {
@@ -119,8 +122,8 @@
--sidebar-accent-foreground: oklch(0.98 0.01 46.65);
--sidebar-border: oklch(0.23 0 0);
--sidebar-ring: oklch(0.701 0.189 46.65);
--shadow-card: 0 1px 2px 0 rgba(255, 255, 255, 0.02), 0 2px 8px -1px rgba(0, 0, 0, 0.15);
--shadow-card-hover: 0 2px 8px -2px rgba(0, 0, 0, 0.12), 0 6px 20px -4px rgba(0, 0, 0, 0.18);
--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.12);
--card-shadow-hover: 0 4px 16px -2px rgba(0, 0, 0, 0.14), 0 8px 24px -4px rgba(0, 0, 0, 0.18);
}
@layer base {