List of reusable CSS classes for Modern UI

Question

Is there a table of all re-usable mdoern CSS classes? That would be useful to have in one place so that we can use them for JSON column formatting or in our custom SPFx webparts?

For example, I am talking about these classes:

• sp-css-backgroundColor-neutralBackground
• sp-css-backgroundColor-success
• sp-css-backgroundColor-blueBackground07
• sp-css-backgroundColor-warningBackground
• sp-css-backgroundColor-successBackground
• sp-css-backgroundColor-blockingBackground
• sp-css-backgroundColor-errorBackground
• etc.

Answer 1

I have extracted all Modern SharePoint CSS classess and made it available as a page. You can see all available classes and see what it looks like when applied to an HTML element. Enjoy!