DEV Community

loading...

Case Design: A Thoughtful Design Library

godcrampy profile image Sahil Bondre ・1 min read

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 😄

Discussion

pic
Editor guide
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 Author

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.