DEV Community

Sahil Bondre
Sahil Bondre

Posted on

Case Design: A Thoughtful Design Library

#showdev #css #sass #webdev

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.

Read next

raoamit47 profile image

Building an Angular CRUD App with a Go API

Amit Yadav -

sty6x profile image

Scaling Zensearch's capabilities to query the whole database

FDiaz -

elanatframework profile image

Migrating Project from ASP.NET Core MVC to CodeBehind Framework

elanatframework -

thisweekinjavascript profile image

Claude AI now runs JavaScript, Python beats JavaScript on GitHub, new Node.js versions and more

James -