A simple styled progress element.

Change a few variables and spin out a nice little style guide

A simple success message with an attention-grabbing SVG icon

A pug mixin to quickly create yucky tables.

A responsive nav with a mobile nav toggle and an animated close icon.

An elaborate table column toggle using the checkbox-hack

An accordion-like expand/collapse section using the checkbox hack

Focus within is an exciting feature, the first really of it's kind. With it, a parent or a parent's sibling can be styled based on the focus state of a child. We played around to find advantages and disadvantages.

We could have stopped at a single animation, but it was way too difficult to settle on one, so there are a couple more after a click.

We even added a handy pug mixin for each and a cute animation for when they're "checked". Pretty generous if you ask me.