From 13e2db4f9cc06fe208bfca8bc564041e53eb2105 Mon Sep 17 00:00:00 2001 From: Thomas Date: Mon, 18 Nov 2024 21:56:36 -0500 Subject: [PATCH 1/2] Update v3 docs: Getting Started/Theme Update docs to reflect change in upstream Tailwind CSS v4, see https://github.com/tailwindlabs/tailwindcss/pull/14885 --- docs/content/1.getting-started/3.theme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/content/1.getting-started/3.theme.md b/docs/content/1.getting-started/3.theme.md index 93832a6110..3afc939304 100644 --- a/docs/content/1.getting-started/3.theme.md +++ b/docs/content/1.getting-started/3.theme.md @@ -16,7 +16,7 @@ Tailwind CSS v4 takes a CSS-first configuration approach, you now customize your @import "@nuxt/ui"; @theme { - --font-family-sans: 'Public Sans', sans-serif; + --font-sans: 'Public Sans', sans-serif; --breakpoint-3xl: 1920px; From 3076551ca06e3eb7340f228642a6ac93d5481e57 Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Tue, 19 Nov 2024 10:05:33 +0100 Subject: [PATCH 2/2] up --- devtools/app/app.vue | 2 +- docs/app/app.vue | 2 +- docs/content/1.getting-started/5.fonts.md | 2 +- playground-vue/src/app.vue | 2 +- playground/app/app.vue | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/devtools/app/app.vue b/devtools/app/app.vue index c154c02ca4..a484d220a1 100644 --- a/devtools/app/app.vue +++ b/devtools/app/app.vue @@ -168,7 +168,7 @@ const isDark = computed({ @import '@nuxt/ui'; @theme { - --font-family-sans: 'DM Sans', sans-serif; + --font-sans: 'DM Sans', sans-serif; --color-primary-50: var(--ui-color-primary-50); --color-primary-100: var(--ui-color-primary-100); diff --git a/docs/app/app.vue b/docs/app/app.vue index ad4c7f3869..0885f88abf 100644 --- a/docs/app/app.vue +++ b/docs/app/app.vue @@ -126,7 +126,7 @@ provide('navigation', updatedNavigation) @theme { --container-8xl: 90rem; - --font-family-sans: 'Public Sans', sans-serif; + --font-sans: 'Public Sans', sans-serif; --color-green-50: #EFFDF5; --color-green-100: #D9FBE8; diff --git a/docs/content/1.getting-started/5.fonts.md b/docs/content/1.getting-started/5.fonts.md index 2933bad4fe..a8e6b91025 100644 --- a/docs/content/1.getting-started/5.fonts.md +++ b/docs/content/1.getting-started/5.fonts.md @@ -17,7 +17,7 @@ Nuxt UI automatically registers the [`@nuxt/fonts`](https://github.com/nuxt/font @import "@nuxt/ui"; @theme { - --font-family-sans: 'Public Sans', sans-serif; + --font-sans: 'Public Sans', sans-serif; } ``` diff --git a/playground-vue/src/app.vue b/playground-vue/src/app.vue index 683cadc7f7..f05f3beab0 100644 --- a/playground-vue/src/app.vue +++ b/playground-vue/src/app.vue @@ -116,7 +116,7 @@ defineShortcuts({ @import "@nuxt/ui"; @theme { - --font-family-sans: 'Public Sans', sans-serif; + --font-sans: 'Public Sans', sans-serif; --color-green-50: #EFFDF5; --color-green-100: #D9FBE8; diff --git a/playground/app/app.vue b/playground/app/app.vue index 2780f323a9..174f65f7ce 100644 --- a/playground/app/app.vue +++ b/playground/app/app.vue @@ -125,7 +125,7 @@ defineShortcuts({ @import "@nuxt/ui"; @theme { - --font-family-sans: 'Public Sans', sans-serif; + --font-sans: 'Public Sans', sans-serif; --color-green-50: #EFFDF5; --color-green-100: #D9FBE8;