Thread Discussion

Haven’t tried it — but you’d likely have to either find a way of importing tailwind via postcss so you can piggy back off of the postcss hubl plugin. ...

I'm getting a bit closer I think

you can split the input: ``` input: { main: "./src/theme/assets/_hs/css/main.hubl.css", tailwind: "./src/theme/assets/_hs/css/tailwind...

and then load in 2 css files...

not ideal but making progress. For some reason it's outputting: ```:root { --font-new: {font=Montserrat,font_set=GOOGLE,styles={font-family=Montse...

```:root { --font-new: {{ theme.group_foundation.group_fonts.base_font }}, serif; }```

:faceplam: `.font`

not working but it does now at least show the font-family value—just doesn't "apply" it because...

ok, I think I got it working for whoever might be interested in the future. you can load hubl in a separate css file: ```:root { --theme-base-font: ...

this almost works: ```@theme { --font-mont: "{{ theme.group_foundation.group_fonts.base_font.font }}", sans-serif; --font-fig: "Figtree", sans...

digging deep: ```{# {% set color_brand = theme.group_foundation.group_colors.group_base_colors.color_1.color %} #} @theme { --font-mont: "{{ theme....

if I use the postcss verson of tailwind it doesn't explode but has a blank value for color for some reason...

in a shocking twist...I think I figured it out

you need a separate main and tailwind css file, main should look like: ```:root { --theme-base-font: "{{ theme.group_foundation.group_fonts.base_fon...

and then you can use the vars

AND you have to have the HubL cleaner plugin (didn't realize I removed it earlier): ```plugins: [HublPostCSSCleaner()],```

if anyone would like to confirm this setup that would be much appreciated.