Groundwork Test: Helpers

This page generates elements that use Groundwork helpers using all 3 possible ways: classes, includes, and extends.

Things are good when:

Includes and extends function like their class counterparts.

Classes

Mixins

Placeholders

padded

pad-top

pad-right

pad-bottom

pad-left

gapped

gap-top

gap-right

gap-bottom

gap-left

inline

block

zero

pull-left

pull-right

bordered

border-right

border-left

border-top

border-bottom

align-top

align-right

align-bottom

align-left

align-center

justify

truncate

center

disabled

space

round

rotate-90

rotate-180

rotate-270

rotate-90-ctr

rotate-180-ctr

rotate-270-ctr

Spacer Modifiers

padded double

@include _padded(2);

extend-padded extend-double

padded triple

@include _padded(3);

extend-padded extend-triple

gapped double

@include _gapped(2);

extend-gapped extend-double

gapped triple

@include _gapped(3);

extend-gapped extend-triple