CSS Class Guide

====================
=== Content Flow ===
====================

Position the block in the flow.

wide-band
full-width
content-flow

========================
=== Image Attachment ===
========================

Position images for backgrounds, block group items, and two-ups.

item-image-attachment-#####
two-up-image-attachment-#####
background-image-attachment-#####

top
bottom
middle

===================
=== Image Width ===
===================

Changes image width in two-ups and items with width split. Default 50%.

item-image-#####
two-up-image-#####

25
50

===================
=== Title Align ===
===================

Aligns the title of a block.

title-align-left
title-align-center

=====================
=== Content Align ===
=====================

Aligns the text of a block.

content-align-left
content-align-center

===================================
=== Background & Content Colors ===
===================================

Combine the type and color.

item-background-#####
item-text-#####
two-up-background-#####
two-up-text-#####
wide-background-#####

orange
purple
grey
white
orange-light
purple-light
grey-light
orange-medium
purple-medium
grey-medium

orange-gradient (wide-background only)
purple-gradient (wide-background only)

===================================
=== Background & Image Overlays ===
===================================

Combine the type and color.

item-image-#####-overlay
two-up-image-#####-overlay
wide-background-#####-overlay

purple
orange
grey
white

Example:
item-image-purple-overlay

=========================
=== Block Group Types ===
=========================

square-image-text-overlay
square-image-text-below
circle-image-text-below
block-image-left-text-right
block-image-right-text-left
block-image-above-text-below

==========================
=== Block Group Extras ===
==========================

item-shadow
item-rounded-corners
item-promo-style

===================
=== Force Ratio ===
===================

Sets relative heights. Works on Block Group items and Two-Ups.

Specify with:
force-ratio

Then add for size:
ratio-###