Add prefixes to connector CSS variables

d0rich · d0rich · commit c6f7ef3712fb · 2023-05-07T15:55:16.000+04:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@d0rich/nuxt-design-system",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "main": "./nuxt.config.ts",
   "description": "🖼️ Design system for d0rich's projects based on Nuxt 3 and Tailwind CSS",
   "keywords": [
diff --git a/plugins/tailwind/nuxt-typography.js b/plugins/tailwind/nuxt-typography.js
@@ -5,10 +5,10 @@ const plugin = require('tailwindcss/plugin')
 module.exports = plugin(function ({ addUtilities, theme }) {
   addUtilities({
     '.nuxt-typography-connector': {
-      '--typography-font-sans': theme('fontFamily.sans'),
-      '--typography-font-serif': theme('fontFamily.serif'),
-      '--typography-font-mono': theme('fontFamily.mono'),
-      '--typography-font-dialog': theme('fontFamily.dialog')
+      '--tw-typography-font-sans': theme('fontFamily.sans'),
+      '--tw-typography-font-serif': theme('fontFamily.serif'),
+      '--tw-typography-font-mono': theme('fontFamily.mono'),
+      '--tw-typography-font-dialog': theme('fontFamily.dialog')
     }
   })
 })

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@d0rich/nuxt-design-system",`
`3`		`- "version": "0.7.4",`
	`3`	`+ "version": "0.7.5",`
`4`	`4`	`"main": "./nuxt.config.ts",`
`5`	`5`	`"description": "🖼️ Design system for d0rich's projects based on Nuxt 3 and Tailwind CSS",`
`6`	`6`	`"keywords": [`