enhance(sidebars/cssref): group CSS pseudo-classes

[caugner]

Description

Groups the CSS Pseudo-classes in the sidebar, similar to the CSS Properties.

Motivation

Ensures especially that all the non-standard pseudo-classes are grouped together.

Additional details

Before	After

Related issues and pull requests

Fixes #38018.

[bsmth]

That's pretty neat. Question: is it possible to give a title to these or insert something before to indicate what the proceeding details element contains. Specifically :-* is ambiguous. For instance, it might be nice to have:

- Vendor-prefixed
  - :-a
  - :-b

or

- Non-standard
  - :-a
  - :-b

What do you think?

[Josh-Cena]

This looks like a bug in Rari, because -moz-* properties show up as that, not -*. Rari should ignore the leading :- or - for the purpose of grouping, so it displays :-moz-*, not :-*.

[caugner]

This looks like a bug in Rari, because -moz-* properties show up as that, not -*. Rari should ignore the leading :- or - for the purpose of grouping, so it displays :-moz-*, not :-*.

Yes, it's interesting that rari isn't greedy and make :-moz- the group.

I would suggest to merge this as is, because it's already a sidebar UX improvement as is, and file a rari bug to enhance the grouping.

[caugner]

That's pretty neat. Question: is it possible to give a title to these or insert something before to indicate what the proceeding details element contains. Specifically :-* is ambiguous. For instance, it might be nice to have:

- Vendor-prefixed
  - :-a
  - :-b

or

- Non-standard
  - :-a
  - :-b

What do you think?

I'm pretty sure it's not possible with rari today, because complex includes and excludes in sidebar sections aren't supported, and my gut feeling is it's not worth the extra complexity at this point in time.

If we enhance the list grouping to properly group :-moz-*, then it would be consistent with CSS properties, and improving on top of that could be for a future iteration.

[caugner]

Filed issue: mdn/rari#127

[estelle]

LGTM. Thanks! 🎉