search

rogden / tailwind-config-viewer

A local UI tool for visualizing your Tailwind CSS configuration file.
1.95k stars 110 forks source link

Add support for css custom properties (variables) #84

Open radislaw opened 1 year ago

radislaw commented 1 year ago

if I use these settings in the tailwind configuration: 

primary: {
    DEFAULT: 'var(--primary)',
    light: 'var(--primary-light)',
},

they are not displayed on the viewer page. I see only white square

botmaster commented 1 year ago

Hello radislaw, Maybe this thread could help: https://github.com/rogden/tailwind-config-viewer/issues/11#issuecomment-687696482

2manoj1 commented 7 months ago

Have a look, How I did https://github.com/2manoj1/tailwind-default-config-viewer/blob/736b892120c919dbf4a9ed2a2115c9e4224ec510/tailwind.config.js#L5

https://github.com/2manoj1/tailwind-default-config-viewer/blob/main/utils/convert.js

Let me know, its work or not for you