0

Neither of the following gradients are loaded in Safari 13.0.5:

background-image: radial-gradient(var(--sdc-color-primary-dark), var(--sdc-color-primary-light), transparent);
background: radial-gradient(var(--sdc-color-primary-dark), var(--sdc-color-primary-light), transparent);
background-color: radial-gradient(var(--sdc-color-primary-dark), var(--sdc-color-primary-light), transparent);

It's the fact that I am using variables, but I looked on the internet and I found that variables should be supported from an earlier version. Any ideeas?

adi
  • 308
  • 3
  • 20
  • The accepted answer to [CSS native variables not working in media queries](https://stackoverflow.com/q/40722882/215552) applies here as well; variables can be used to replace entire property values, not just parts of values. – Heretic Monkey Feb 07 '20 at 18:31
  • 1
    Works just fine for me in Safari 13.0.5: https://jsfiddle.net/chriskirknielsen/5rew9xpo/ Also note that `background-color` doesn't accept gradients as a value. – chriskirknielsen Feb 07 '20 at 18:32
  • It seems I was mistaken, it isn't that the variables are not working, they are not working if they are set in another css file. – adi Feb 08 '20 at 06:47

0 Answers0