Scoped @property CSS (custom properties)

[nicooprat]

Should custom properties be scoped when used in a SFC? When using the @property it can be confusing that it's actually shared across all app instead of scoped to this component: SFC playground example (see CSS tab)

<style scoped>
/* This won't be transformed into something like `--color-84r320d` */
@property --color {
  syntax: '<color>';
  inherits: false;
  initial-value: white;
}
</style>

It's working with animations @keyframes so I guess it should work with custom properties too for consistency.

[lizhan12]

这是来自QQ邮箱的自动回复邮件。 我已经收到了你的来信，我会尽快回复。