Tailwindcss theme variables not working.

[Baertie]

Hi

I am trying to convert my custom classes with @apply to the use of their variables.
`.global-spacing {
padding-inline: calc(var(--spacing) * 2);
}

.container-spacing {
padding-inline: calc(var(--spacing) * 4);
padding-block: calc(var(--spacing) * 2);
}`

But when running the application i inspect it in the devtools and it says that --spacing is not defined.

Am i doing something wrong here?

[wongjn]

Consider providing a git repo that reproduces the issue and we can take a look for you.

[Baertie]

Okay i think i have the cause. We are setting up a multi tenant platform so in another file i have :root with colors defined in them i think that is the cause no?

[wongjn]

Defining colors shouldn't prevent the --spacing variable from not being generated.

[Baertie]

@wongjn here for examples all those variables of tailwind do not work. The text-xss works because i defined it in @theme

[wongjn]

Consider providing a git repo that reproduces the issue and we can take a look for you.