CSS Bricks

CSS Bricks is available in both SCSS and CSS and includes simple utilities for helping developers easily apply various style decorations to a page element just by adding a CSS class to the proper HTML tag.

This saves time editing the element's CSS and also allows the editor to reuse that CSS snippet with other page elements as well.

By default, CSS Bricks comes with utilities for dealing with:
- colors
- layouts
- floats
- fonts
- transitions
- cursors
- rounded corners

The good thing is any developer can append his own CSS snippet to CSS Bricks and extend it with whatever he commonly uses in his CSS code.

A video introduction to CSS Bricks can be viewed below: