[css-counter-styles-3] CSS symbols() function

[4n4ny4]

WebKittens

@nt1m @fantasai

Title of the proposal

CSS Counter Styles Module Level 3: symbols() function

URL to the spec

https://drafts.csswg.org/css-counter-styles-3/#symbols-function`

URL to the spec's repository

https://github.com/w3c/csswg-drafts

Issue Tracker URL

No response

Explainer URL

No response

TAG Design Review URL

No response

Mozilla standards-positions issue URL

No response

WebKit Bugzilla URL

https://bugs.webkit.org/show_bug.cgi?id=299922

Radar URL

rdar://problem/162162026

Description

The CSS symbols() function lets authors define an anonymous counter style inline instead of declaring and referencing a named @counter-style rule. It can be used with list-style-type, the list-style shorthand, counter(), and counters().

Firefox supports this feature. Chromium is preparing to ship support for string symbols to improve interoperability. Image symbols are outside Chromium's current launch scope.

ChromeStatus: https://chromestatus.com/feature/5146996093616128
Chromium issue: https://issues.chromium.org/issues/40747844
WPT results: https://wpt.fyi/results/css/css-counter-styles/counter-style-at-rule

We would appreciate WebKit's position on this feature.