Colors

These are the colors used throughout the site. Each has been assigned to a variable in the "variables.scss" file.

Base

Black
White

Brand

Blue
Purple
Teal Blue
Aqua
Tan

Grays

Gray Lighter
Gray Light
Gray
Gray Dark
Gray Darker

Typography

These are our basic typographic styles. Make updates in the "typography.scss" file.

Headings

h1. The quick brown fox jumps over the lazy dog.

h2. The quick brown fox jumps over the lazy dog.

h3. The quick brown fox jumps over the lazy dog.

h4. The quick brown fox jumps over the lazy dog.

h5. The quick brown fox jumps over the lazy dog.
h6. The quick brown fox jumps over the lazy dog.

Lead Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in dui ex. Nullam vel porta lectus. Morbi eu libero finibus, dapibus erat a, aliquam felis.

Default Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in dui ex. Nullam vel porta lectus. Morbi eu libero finibus, dapibus erat a, aliquam felis.

Small Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in dui ex. Nullam vel porta lectus. Morbi eu libero finibus, dapibus erat a, aliquam felis.

Lists

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula est, aliquam eu blandit ac, dictum nec erat.
  • Nulla quis sapien non lacus rutrum mollis suscipit scelerisque velit. In hac habitasse platea dictumst.
  • Duis in justo tincidunt, luctus ligula sed, placerat diam. Morbi eget tellus ipsum. Fusce iaculis maximus sem eget tincidunt.
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula est, aliquam eu blandit ac, dictum nec erat.
  2. Nulla quis sapien non lacus rutrum mollis suscipit scelerisque velit. In hac habitasse platea dictumst.
  3. Duis in justo tincidunt, luctus ligula sed, placerat diam. Morbi eget tellus ipsum. Fusce iaculis maximus sem eget tincidunt.

Alerts

These are our basic alert styles. Make updates in the "alerts.scss" file.

Buttons

These are our basic button styles. Make updates in the "buttons.scss" file.

Forms

These are our basic form styles. Make updates in the "forms.scss" file.

Please enter your full name.
http://

Loading Elements

These are our built-in options to add loaders to a section or page. Make updates in the "loading.scss" file.

.loading.revolve
.loading.rotate
.loading.circle-bounce
.loading.rectangle-bounce
.loading.pulse
.loading.dark.rectangle-bounce

Social Sharing

We have a some built-in functions that make use of data attributes to make sharing on common social networks easier. You can find out more by viewing the "lib/wl-share.js" file.

Pagination

These are our pagination styles. Make updates in the "pagination.scss" file.

Panels

These are our panel styles. Make updates in the "panels.scss" file.

Default

Panel title

Panel Content

Color Alternatives

Panel title

Panel Content

Panel title

Panel Content

Panel title

Panel Content

Panel title

Panel Content

Panel title

Panel Content

Wells

These are our well styles. Make updates in the "wells.scss" file.

Default

Default well

Sizes

Large well
Small well

Modals

These are our modal styles. Make updates in the "modals.scss" file.

Accordions

These are our accordion styles. Make updates in the "panel-groups.scss" file.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Tabs

These are our tab styles. Make updates in the "tabs.scss" file.


First panel content goes here...

Second panel content goes here...

Third panel content goes here...

Fourth panel content goes here...