Typography

Source Sans , the default.

Exo , the alternate.

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Paragraph text. Body text. Paragraph text. Body text. Paragraph text. Body text. Paragraph text. Body text. Paragraph text. Body text.

em text em text. strong text. small text.
A blockquote.
pre code {
pre code pre   code pre code
pre code pre   code pre code
}

Button Styles

Button

@include button

Buttons default to this style when no argument for color has been given.

Anchor Tag

Multi-buttons

@include button( $type: multibutton )

Anchor TagAnchor Tag

Forms

Lists

You may use any w3 list-style property in mixin plus custom mixins.

Bevels

Tables

Table Header Table Header Table Header Table Header
Table Data Table Data Table Data Table Data
Table Data Table Data Table Data Table Data
Table Data Table Data Table Data Table Data
Table Data Table Data Table Data Table Data
Table Data Table Data Table Data Table Data

Palette Swatch

Pass a size to the mixin.

.color-palette  figure {
  margin: 4px;
  @include palette-swatch( 100px );
}