Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New and alternative way to style the ordered list #4129

Open
haroun-b opened this issue Apr 6, 2024 · 2 comments
Open

New and alternative way to style the ordered list #4129

haroun-b opened this issue Apr 6, 2024 · 2 comments

Comments

@haroun-b
Copy link

haroun-b commented Apr 6, 2024

Hi @ross-u ,

While browsing MDN, I stumbled across a new and simpler way to style <ol>s. It isn't as widely supported as the proposed solution, but it's supported well enough to be introduced. So, it would be cool if you guys could add it to the FAQ.

Implementation:

  @counter-style custom {
    system: extends decimal;
    suffix: ") ";
  }

  ol {
    list-style: custom;
  }

Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/@counter-style

@ross-u
Copy link
Contributor

ross-u commented Apr 6, 2024

Thanks for bringing it up Haroun, it would be a nice addition. Would you like to give it a shot?
You can submit a PR and tag me for a review if so.

@haroun-b
Copy link
Author

haroun-b commented Apr 8, 2024

Thanks for bringing it up Haroun, it would be an nice addition. Would you like to give it a shot? You can submit a PR and tag me for a review if so.

Will do ;)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants