How to use CSS @property with scss?

Asked Mar 14 '22 at 18:16

Active Mar 14 '22 at 18:16

Viewed 565 times

I want to declare a custom variable with a specific syntax e.g.:

@property --colorPrimary {
  syntax: "<color>";
  initial-value: magenta;
  inherits: false;
}

So that I can animate the property, however this bit of code seems to be ignored by scss.

asked Mar 14 '22 at 18:16

Mike Jerred

1

share the full code, the issue is probably somewhere else – Temani Afif Mar 14 '22 at 21:05
I have made a jsfiddle here: https://jsfiddle.net/1jw72kuo/ It looks like maybe I just need to declare the `@property` at root level rather than inside `.foo`? – Mike Jerred Mar 14 '22 at 23:10
1

@ property is like @ keyframes. They cannot be nested inside selectors – Temani Afif Mar 14 '22 at 23:24

0 Answers0