Skip to content

Cask grid

work  ✺  open source  ✺  web design

Cask, A lightweight grid system built with calc

As I have worked on the web, I have always been fascinated with grid systems. While I have contributed to Neat and other libraries, they have never quite met my needs. More often than not, these libraries behave unpredictably, use things like nth-child selectors, and dump huge amounts of unnecessary code to your library.

During my work, I realized that a clever application of calc could be used to create a flexible and superior system with:

With these core features in mind, I created Cask. It’s available on Rubygems, NPM, and Bower. For installation instructions check out the guides overs at

More at I really love this project and I hope you do too. 😘

section {
  @include grid-column(8);

aside {
  @include grid-column(4);