[csswg-drafts] [css-properties-values-api] Multiple names in `@property` rule (#6912)

• From: Valtteri Laitinen via GitHub <sysbot+gh@w3.org>
• Date: Sat, 25 Dec 2021 06:49:52 +0000
• To: public-css-archive@w3.org
• Message-ID: <issues.opened-1088557742-1640414990-sysbot+gh@w3.org>

valtlai has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-properties-values-api] Multiple names in `@property` rule ==
Spec: https://drafts.css-houdini.org/css-properties-values-api-1/#at-property-rule

Allowing multiple custom property names in the `@property` rule would simplify, or make more DRY, cases where multiple very similar properties are defined:

```
@property <custom-property-name># {
  <declaration-list>
}
```

For example, the following (where `--x`, `--y`, and `--z` represent some coordinates):

```css
@property --x {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}

@property --y {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}

@property --z {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}
```

could be rewritten into:

```css
@property --x, --y, --z {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}
```


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6912 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Saturday, 25 December 2021 06:49:54 UTC