Colors

Colour Helpers Background

b-c-primary
b-c-secondary
b-c-warning
b-c-alert
b-c-dark-gray
b-c-medium-gray
b-c-light-gray

Colour Helpers Font

f-c-primary
f-c-secondary
f-c-warning
f-c-alert
f-c-dark-gray
f-c-medium-gray
f-c-light-gray

Headers

h1. Large header.

h2. This is a large header.

h3. This is a medium header.

h4. This is a moderate header.

h5. This is a small header.
h6. This is a tiny header.

Page / Hero Headers

Hero header title

Here is some text

Page Header

Game guides header


Divider



Icon Hover

Game Rules placeholder
Game Rules placeholder hover

Game Rules

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam

Find out more...
Game Rules placeholder
Game Rules placeholder hover
Game Rules
Attacking placeholder
Attacking placeholder hover
Attacking
Red placeholder
Red placeholder hover

Red

Yellow placeholder
Yellow placeholder hover

Yellow

Green placeholder
Green placeholder hover

Green

Purple placeholder
Purple placeholder hover

Purple

Quick Start placeholder
Quick Start placeholder hover
Orange

Articles

Featured Articles

featured flag
Featured Title1

This is a game guide article title which is running over three lines

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

comment203
like451

Articles

featured flag
Featured Title1

This is a game guide article title which is running over three lines

comment203
like451
featured flag
Featured Title1

This is a game guide article title which is running over three lines


Links

Links are very standard, and the color is preset to the Foundation primary color. Learn more about Foundation's global colors.


Unordered list

  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested list item
    • Nested list item
    • Nested list item
  • List item
  • List item
  • List item

Ordered list

  1. Cheese (essential)
  2. Pepperoni
  3. Bacon
    1. Normal bacon
    2. Canadian bacon
  4. Sausage
  5. Onions
  6. Mushrooms

Definition Lists

Time
The indefinite continued progress of existence and events in the past, present, and future regarded as a whole.
Space
A continuous area or expanse that is free, available, or unoccupied.
The dimensions of height, depth, and width within which all things exist and move.

Callout

This is a callout.

It has an easy to override visual style, and is appropriately subdued.

It's dangerous to go alone, take this.
This is a primary callout.

It has an easy to override visual style, and is appropriately subdued.

It's dangerous to go alone, take this.
This is a secondary callout

It has an easy to override visual style, and is appropriately subdued.

It's dangerous to go alone, take this.
This is a success callout

It has an easy to override visual style, and is appropriately subdued.

It's dangerous to go alone, take this.
This is a warning callout

It has an easy to override visual style, and is appropriately subdued.

It's dangerous to go alone, take this.
This is an alert callout

It has an easy to override visual style, and is appropriately subdued.

It's dangerous to go alone, take this.

Labels

Primary Label Secondary Label Success Label Alert Label Warning Label