From 58447fd8cc61c40fab5b397c5e745916d1aebcf2 Mon Sep 17 00:00:00 2001 From: Arthur DANJOU Date: Wed, 17 Dec 2025 10:08:36 +0100 Subject: [PATCH] style: refactor CSS variables and clean up nuxt.config.ts --- app/assets/css/main.css | 56 +++++++++++++++++++++-------------------- nuxt.config.ts | 12 +-------- 2 files changed, 30 insertions(+), 38 deletions(-) diff --git a/app/assets/css/main.css b/app/assets/css/main.css index 20dcd23..e68c37e 100644 --- a/app/assets/css/main.css +++ b/app/assets/css/main.css @@ -1,40 +1,42 @@ @import "tailwindcss"; @import "@nuxt/ui"; -@theme static { - --animate-wave: wave 3s infinite -} - :root { - --ui-black: #000000; - --ui-white: #ffffff; - --ui-bg-black: #0a0a0a; - --ui-bg-white: #f8f8f8; - --ui-bg: #f8f8f8; + --animate-wave: wave 3s infinite - --ui-font-family: 'DM Sans', sans-serif; - transition-duration: 0.7s; + --ui-black: #000000; + --ui-white: #ffffff; + --ui-bg-black: #0a0a0a; + --ui-bg-white: #f8f8f8; + --ui-bg: #f8f8f8; + + --ui-font-family: 'DM Sans', sans-serif; + transition-duration: 0.7s; } .dark { - --ui-black: #000000; - --ui-white: #ffffff; - --ui-bg-white: #f8f8f8; - --ui-bg-black: #0a0a0a; - --ui-bg: #0a0a0a; + --animate-wave: wave 3s infinite --ui-black: #000000; + + --ui-white: #ffffff; + --ui-bg-white: #f8f8f8; + --ui-bg-black: #0a0a0a; + --ui-bg: #0a0a0a; + + --ui-font-family: 'DM Sans', sans-serif; + transition-duration: 0.7s; +} - --ui-font-family: 'DM Sans', sans-serif; - transition-duration: 0.7s; +.sofia { + --ui-font-family: 'Sofia Sans', sans-serif; } @keyframes wave { - 0%, - 50%, - 100% { - transform: rotate(-12deg); - } - 25%, 75% { - transform: rotate(3deg) scale(1.5); - } + 0%, + 50%, + 100% { + transform: rotate(-12deg); } - + 25%, 75% { + transform: rotate(3deg) scale(1.5); + } +} diff --git a/nuxt.config.ts b/nuxt.config.ts index 27da3fa..f2919bb 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -94,17 +94,7 @@ export default defineNuxtConfig({ }, ], defaultLocale: 'en', - }, - - // fonts: { - // display: 'swap', - // families: { - // 'Inter': [400, 500, 600, 700, 800, 900], - // 'Sofia Sans': [400], - // 'DM Sans': [400, 500, 600, 700, 800, 900], - // 'Dancing Script': [400, 700], - // }, - // }, + }, nitro: { preset: 'cloudflare_module',