gm-header + gm-panel
gm-header
Great for headings, labels, etc. For more versatility, use passionfruit.
gm-panel
A container for other elements. Automatically adjusts when nested.
gm-header
.gm-panel .gm-panel-1
.gm-panel .gm-panel-3
.gm-panel .gm-panel-5
.gm-panel .gm-panel-7
gm-header-dark
.gm-panel .gm-dark-panel-1
.gm-panel .gm-dark-panel-3
.gm-panel .gm-dark-panel-5
.gm-panel .gm-dark-panel-7
gm-header-dull
.gm-panel .gm-dull-panel-1
.gm-panel .gm-dull-panel-3
.gm-panel .gm-dull-panel-5
.gm-panel .gm-dull-panel-7
gm-header-dim
.gm-panel .gm-dim-panel-1
.gm-panel .gm-dim-panel-3
.gm-panel .gm-dim-panel-5
.gm-panel .gm-dim-panel-7
gm-cards
Cards are useful for categories, small bits of info, or profiles. Hover over a card and it turns opaque. Add ".gm-flip" and related classes to make your card flip on hover.
.gm-card-outer > .gm-card > gm-card-inner
.gm-card > .gm-card-inner
.gm-card.gm-flip > .gm-card-inner
gm-avatars