How to force load Global colors?

Getting Started
1

Noob question…
I created a custom global color set.
I tried to add the global color inside a custom rule for a global class like so:

.globalclass a:hover{
  color: var(orange-500);
}

But because I don’t use this color anywhere else on the page, the var(orange-500) is not declared and my hover effect doesn’t work.

So how to “force” global colors to be declared on the site?
How to handle this in Cwicly?

Note : I would prefer to avoid putting my raw declaration directly in the global stylesheet…

Thanks :slight_smile:

2

I don’t know if it is a typo or not, but the right syntax to recall a variable is var(--orange-500) :wink:

1 Like
3

Shame on me :man_facepalming:
Thanks Yan. That was it…
Arfff :tired_face:

1 Like