unocss如何使用css变量

在 UnoCSS 中，可以直接使用 CSS 变量来定义样式。但是，UnoCSS 本身并不支持直接使用变量名作为类名或选择器。

如果想使用 CSS 变量来定义样式，可以按照以下方式进行操作：

在 CSS 文件中定义一个变量，例如 --text-color: red;。

在 UnoCSS 的样式表中，可以通过 var() 函数来引用该变量，例如 color-[var(--text-color)];

这样，就可以在 UnoCSS 中使用 CSS 变量来定义样式了。

需注意，由于 UnoCSS 的限制，不能直接使用变量名作为类名或选择器。需要使用 var() 函数来引用变量的值，并将其应用到相应的样式规则中。

https://tailwindcss.com/docs/adding-custom-styles#using-arbitrary-values