Digist

Simple Gists for Prototyping & Designing in the Browser Faster

Spacing Utilities

Use these utilities to quick space elements out when prototyping or designing in the browser. These sizes are only suggestions – extend these classes to fit within your own sizing scale.

Margins

Padding

Positioning Utilities

Sometimes you just have to put things where they belong. Use these classes in conjunction with spacing utility classes to position elements however you please.

Minimal Grid

This is a very lightweight, fluid, and responsive way to tile content. At smaller device widths, the containers are stacked, then break into columns at wider widths.

To add gutters, use the nth-child selectors and do a little math to subtract the gutters from the column widths.