Base HTML Tags | Palette | Modules

Modules

The purpose of this page is to illustrate reusable classes in a visual format. Use this as a reference to find class names before creating duplicate styles.


Boxes

.box

This is box 1
This is box 2
This is box 3

Buttons

.button
.button--inverted
.button-wireframe
.button-wireframe--inverted
.dropdown

.styled-select
Note: Dropdown selects with this class are dynamically rebuilt into an unordered list using a function in the utilities.js file.
.footer

Fund Docs

.fund-docs

Hero

.hero

Hero Short

.hero-short

Icon

.icon
Nightly Basket File

Masthead

.masthead, .masthead__li, .masthead__li-* (* = link number)

Section

.section

.section__heading--center

.section__content--center

.section__heading--left

.section__content

.section__heading--right

.section__content--right

.section__heading--mod-1


.section__heading--mod-2

.section__content

.section__heading--mod-3

.section__content

.section__heading--mod-4

.section__content

.section--inverted
.section__type-big

.sidebar

Content goes here.


Social

.social


Tables

.table

Table HeadingTable HeadingTable HeadingTable HeadingTable HeadingTable Heading
Table DataTable DataTable DataTable DataTable DataTable Data
Table DataTable DataTable DataTable DataTable DataTable Data
Table DataTable DataTable DataTable DataTable DataTable Data
Table DataTable DataTable DataTable DataTable DataTable Data
Table DataTable DataTable DataTable DataTable DataTable Data
Table DataTable DataTable DataTable DataTable DataTable Data

.table--mod-1

YTD1 Year3 Year5 Year10 Year
Table DataTable DataTable DataTable DataTable DataTable Data
Table DataTable DataTable DataTable DataTable DataTable Data
Table DataTable DataTable DataTable DataTable DataTable Data
Table DataTable DataTable DataTable DataTable DataTable Data
Table DataTable DataTable DataTable DataTable DataTable Data
Table DataTable DataTable DataTable DataTable DataTable Data

.table--mod-2

Table DataTable Data
Table DataTable Data
Table DataTable Data
Table DataTable Data
Table DataTable Data
Table DataTable Data

.table--mod-3

Table Heading
Table DataTable Data
Table DataTable Data
Table DataTable Data
Table DataTable Data
Table DataTable Data
Table DataTable Data

Tabs

.tabs

Tab 1

Tab 1 content goes here.

Tab 2

Tab 2 content goes here.

Tab 3

Tab 3 content goes here.