DEV Community

Sahil Bondre
Sahil Bondre

Posted on

Case Design: A Thoughtful Design Library

Alt Text

I made Case Design which is a small CSS and SASS library focused on clarity. The minified CSS file is super light at 3.8kb. The primary focus of the design is making content more open and readable.

The library is available on npm or you can download just the minified css.

Alt Text

Links:

I'd love to hear your thoughts on the project.
Have a nice day 😄

Top comments (2)

Collapse
 
hxii profile image
Paul (hxii) Glushak
  1. Personally, I'd avoid bundling and/or forcing font-families.
  2. Link hovers are overlapping text in the line below: hover
  3. Similar to #2, input focus moves the elements below.
  4. List markers are outside the parent,
Collapse
 
godcrampy profile image
Sahil Bondre • Edited

2 was a purposeful choice #3 was not. Will fix the issues. I wanted a very opinionated approch so forced the fonts in. If you'd like to, you can send a pr for #3 and #4.