#Tailwind Theme Variables does not work (variables apparently aren't set)

1 messages · Page 1 of 1 (latest)

mint oak
#

(Forgive me as I am not really used to JS development, and I am updated from astrojs v1 to astrojs v5)

I have a global.css file with an (example) snippet:

@import "tailwindcss";
@plugin '@tailwindcss/typography';

@theme {
    --color-brand-fg: #FFFFFF';
    /* ... */
}

however, using something like <span class="text-brand-fg">foo<span> does not work, as the css variable apparently isn't set. See:

Any tips? Thanks in advance.

image.png
smoky cedar
#

Hmmm do you actually have that ' single quote before the semi colon where you define your colour?

mint oak
#

omg

#

it works now lmao