|
1 |
| -@tailwind base; |
2 |
| -@tailwind components; |
3 |
| -@tailwind utilities; |
| 1 | +@import "tailwindcss"; |
| 2 | + |
| 3 | +@plugin 'tailwindcss-animate'; |
| 4 | + |
| 5 | +@custom-variant dark (&:is(.dark *)); |
| 6 | + |
| 7 | +@theme { |
| 8 | + --color-border: hsl(var(--border)); |
| 9 | + --color-input: hsl(var(--input)); |
| 10 | + --color-ring: hsl(var(--ring)); |
| 11 | + --color-background: hsl(var(--background)); |
| 12 | + --color-foreground: hsl(var(--foreground)); |
| 13 | + |
| 14 | + --color-primary: hsl(var(--primary)); |
| 15 | + --color-primary-foreground: hsl(var(--primary-foreground)); |
| 16 | + |
| 17 | + --color-secondary: hsl(var(--secondary)); |
| 18 | + --color-secondary-foreground: hsl(var(--secondary-foreground)); |
| 19 | + |
| 20 | + --color-destructive: hsl(var(--destructive)); |
| 21 | + --color-destructive-foreground: hsl(var(--destructive-foreground)); |
| 22 | + |
| 23 | + --color-muted: hsl(var(--muted)); |
| 24 | + --color-muted-foreground: hsl(var(--muted-foreground)); |
| 25 | + |
| 26 | + --color-accent: hsl(var(--accent)); |
| 27 | + --color-accent-foreground: hsl(var(--accent-foreground)); |
| 28 | + |
| 29 | + --color-popover: hsl(var(--popover)); |
| 30 | + --color-popover-foreground: hsl(var(--popover-foreground)); |
| 31 | + |
| 32 | + --color-card: hsl(var(--card)); |
| 33 | + --color-card-foreground: hsl(var(--card-foreground)); |
| 34 | + |
| 35 | + --color-accent-color: #8b2df0; |
| 36 | + |
| 37 | + --animate-accordion-down: accordion-down 0.2s ease-out; |
| 38 | + --animate-accordion-up: accordion-up 0.2s ease-out; |
| 39 | + |
| 40 | + @keyframes accordion-down { |
| 41 | + from { |
| 42 | + height: 0; |
| 43 | + } |
| 44 | + to { |
| 45 | + height: var(--radix-accordion-content-height); |
| 46 | + } |
| 47 | + } |
| 48 | + @keyframes accordion-up { |
| 49 | + from { |
| 50 | + height: var(--radix-accordion-content-height); |
| 51 | + } |
| 52 | + to { |
| 53 | + height: 0; |
| 54 | + } |
| 55 | + } |
| 56 | +} |
| 57 | + |
| 58 | +@utility container { |
| 59 | + margin-inline: auto; |
| 60 | + padding-inline: 2rem; |
| 61 | + @media (width >= --theme(--breakpoint-sm)) { |
| 62 | + max-width: none; |
| 63 | + } |
| 64 | + @media (width >= 1400px) { |
| 65 | + max-width: 1400px; |
| 66 | + } |
| 67 | +} |
| 68 | + |
| 69 | +/* |
| 70 | + The default border color has changed to `currentColor` in Tailwind CSS v4, |
| 71 | + so we've added these compatibility styles to make sure everything still |
| 72 | + looks the same as it did with Tailwind CSS v3. |
| 73 | +
|
| 74 | + If we ever want to remove these styles, we need to add an explicit border |
| 75 | + color utility to any element that depends on these defaults. |
| 76 | +*/ |
| 77 | +@layer base { |
| 78 | + *, |
| 79 | + ::after, |
| 80 | + ::before, |
| 81 | + ::backdrop, |
| 82 | + ::file-selector-button { |
| 83 | + border-color: var(--color-gray-200, currentColor); |
| 84 | + } |
| 85 | +} |
4 | 86 |
|
5 | 87 | @layer base {
|
6 | 88 | :root {
|
|
120 | 202 | height: var(--content-h);
|
121 | 203 | }
|
122 | 204 | }
|
| 205 | + |
| 206 | +.colorpicker::-webkit-color-swatch-wrapper { |
| 207 | + padding: 0; |
| 208 | +} |
| 209 | +.colorpicker::-webkit-color-swatch { |
| 210 | + border: none; |
| 211 | + border-radius: 2px; |
| 212 | +} |
| 213 | + |
| 214 | +body { |
| 215 | + background: white; |
| 216 | +} |
| 217 | + |
| 218 | +.dark body { |
| 219 | + background: #000014; |
| 220 | +} |
0 commit comments