Lissom.CSS

The web is bloated. Trackers, advertisements, third-party JavaScript, custom fonts, unoptimized images, and useless CSS are prevalent on too many websites, all detrimental to user experience.

Lissom.CSS is a classless, minimalist, accessible, and themeable CSS library that aims to address the issue of styling web pages.

Demo

HTML element(s) | Status | -------------| :---: | <a></a> | ✅ | <abbr></abbr> | ❌ | <b></b>, <strong></strong>, <i></i>,<br /><em></em>, <s></s> | ✅ | <blockquote></blockquote> | ✅ | <button></button> | ✅ | <code></code>, <pre></pre> | ✅ | <details></details> | ✅ | <dialog></dialog> | ✅ | <dl></dl>, <dt></dt>, <dd></dd> | ❌ | <figure></figure>, <figcaption></figcaption>,<br /><fieldset></fieldset>, <legend></legend> | ❌ | <form></form> | 🟡 | <h1></h1> - <h6></h6> | ✅ | <hr /> | ✅ | <img /> | ✅ | <ins></ins>, <del></del> | ✅ | <kbd></kbd> | ✅ | <meter></meter> | ❌ | <mark></mark> | ✅ | <p></p> | ✅ | <progress></progress> | ✅ | <table></table> | 🟡 | <ul></ul>, <ol></ol>, <li></li> | ✅ | <q></q> | ❌ |

Legend: ✅ supported; 🟡 partially supported (WIP); ❌ not yet supported but will be in the future

For minifying the CSS, I use this tool.