From 8c7051d64f46e989674e275c0e0774e5cfea6661 Mon Sep 17 00:00:00 2001 From: ZTL-UwU Date: Sun, 16 Feb 2025 12:29:32 +0800 Subject: [PATCH] refactor: migrate site to tailwind v4 Signed-off-by: ZTL-UwU --- .vscode/settings.json | 3 + assets/css/tailwind.css | 91 - .../content/common/InspiraCarbonAds.vue | 24 +- .../ui/aurora-background/AuroraBackground.vue | 12 +- eslint.config.js | 3 - package.json | 11 +- pnpm-lock.yaml | 1979 ++++++++--------- tailwind.config.js | 128 -- 8 files changed, 901 insertions(+), 1350 deletions(-) delete mode 100644 assets/css/tailwind.css delete mode 100644 tailwind.config.js diff --git a/.vscode/settings.json b/.vscode/settings.json index 39d84dfd..9ef2529b 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -21,5 +21,8 @@ "**/.git/objects/**": true, "**/.git/subtree-cache/**": true, "**/node_modules/*/**": true + }, + "[vue]": { + "editor.defaultFormatter": "esbenp.prettier-vscode" } } diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css deleted file mode 100644 index e7de0dd3..00000000 --- a/assets/css/tailwind.css +++ /dev/null @@ -1,91 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap"); - -@tailwind base; -@tailwind components; -@tailwind utilities; - -@layer base { - :root { - --background: 0 0% 100%; - --foreground: 222.2 84% 4.9%; - - --card: 0 0% 100%; - --card-foreground: 222.2 84% 4.9%; - - --popover: 0 0% 100%; - --popover-foreground: 222.2 84% 4.9%; - - --primary: 221.2 83.2% 53.3%; - --primary-foreground: 210 40% 98%; - - --secondary: 210 40% 96.1%; - --secondary-foreground: 222.2 47.4% 11.2%; - - --muted: 210 40% 96.1%; - --muted-foreground: 215.4 16.3% 46.9%; - - --accent: 210 40% 96.1%; - --accent-foreground: 222.2 47.4% 11.2%; - - --destructive: 0 84.2% 60.2%; - --destructive-foreground: 210 40% 98%; - - --border: 214.3 31.8% 91.4%; - --input: 214.3 31.8% 91.4%; - --ring: 221.2 83.2% 53.3%; - --radius: 0.5rem; - } - - .dark { - --background: 222.2 84% 4.9%; - --foreground: 210 40% 98%; - - --card: 222.2 84% 4.9%; - --card-foreground: 210 40% 98%; - - --popover: 222.2 84% 4.9%; - --popover-foreground: 210 40% 98%; - - --primary: 217.2 91.2% 59.8%; - --primary-foreground: 222.2 47.4% 11.2%; - - --secondary: 217.2 32.6% 17.5%; - --secondary-foreground: 210 40% 98%; - - --muted: 217.2 32.6% 17.5%; - --muted-foreground: 215 20.2% 65.1%; - - --accent: 217.2 32.6% 17.5%; - --accent-foreground: 210 40% 98%; - - --destructive: 0 62.8% 30.6%; - --destructive-foreground: 210 40% 98%; - - --border: 217.2 32.6% 17.5%; - --input: 217.2 32.6% 17.5%; - --ring: 224.3 76.3% 48%; - } -} - -@layer utilities { - .step { - counter-increment: step; - } - - .step:before { - @apply absolute w-9 h-9 bg-muted rounded-full font-mono font-medium text-center text-base inline-flex items-center justify-center -indent-px border-4 border-background; - @apply -ml-[50px] -mt-1; - content: counter(step); - } -} - -@layer base { - * { - @apply border-border; - } - - body { - @apply bg-background text-foreground; - } -} diff --git a/components/content/common/InspiraCarbonAds.vue b/components/content/common/InspiraCarbonAds.vue index 68cfd9ec..f152dbf3 100644 --- a/components/content/common/InspiraCarbonAds.vue +++ b/components/content/common/InspiraCarbonAds.vue @@ -1,5 +1,5 @@ - - diff --git a/components/content/inspira/ui/aurora-background/AuroraBackground.vue b/components/content/inspira/ui/aurora-background/AuroraBackground.vue index 5cafb9e6..00317b60 100644 --- a/components/content/inspira/ui/aurora-background/AuroraBackground.vue +++ b/components/content/inspira/ui/aurora-background/AuroraBackground.vue @@ -45,15 +45,10 @@ const props = withDefaults(defineProps(), {