Fonts

Lato (default)

.text-lato

Questa Grande Medium

.text-questa-grande-medium

Questa Grande Black

.text-questa-grande-black

Credit Card

.text-credit-card

Typography

Heading 1

<h1></h1>

Heading 2

<h2></h2>

Heading 3

<h3></h3>

Heading 4

<h4></h4>
Heading 5
<h5></h5>
Heading 6
<h6></h6>

Quantum Colors

Font Text

.text-font

Font Light Text

.text-font-light

Call To Action Text

.text-call-to-action or .text-cta

Exclusivity Text

.text-exclusivity or .text-excl

Disabled Text

.text-disabled

Informational Text

.text-informational

News Text

.text-news

Extra Text

.text-extra

Dark white Text

.text-dark-white
Call To Action Background
.bg-call-to-action or .bg-cta
News Background
.bg-news
Informational Background
.bg-informational or .bg-info
Exclusivity Background
.bg-exclusivity or .bg-excl
Extra Background
.bg-extra
Dark White Background
.bg-dark-white
Disabled Background
.bg-disabled & .text-font-light
Default Border
.border
CTA Border
.border .border-cta
Light Box Shadow
.box-shadow-light
Medium Box Shadow
.box-shadow-medium
Strong Box Shadow
.box-shadow-strong

Bootstrap Colors

Primary Text

.text-primary

Secondary Text

.text-secondary

Success Text

.text-success

Danger Text

.text-danger

Warning Text

.text-warning

Dark Text

.text-dark

Light Text

.text-light

Black Text

.text-black

White Text

.text-white

Black Text

.text-black
Primary Background
.bg-primary
Secondary Background
.bg-secondary
Success Background
.bg-success
Danger Background
.bg-danger
Warning Background
.bg-warning
Transparent Background
.bg-transparent
Info Background
.bg-info
Facebook Background
.bg-facebook
Dark Background
.bg-dark
Light Background
.bg-light
Black Background
.bg-black
Mgm Background
.bg-mgm

Buttons

.btn .btn-default
.btn .btn-primary
.btn .btn-secondary
.btn .btn-info
.btn .btn-success
.btn .btn-danger
.btn .btn-facebook
.btn .btn-font-light
.btn .btn-primary .btn-sm
.btn .btn-primary .btn-lg
.btn .btn-primary .btn-block
.btn .btn-primary .active
.btn .btn-primary [disabled]
.link
.link.text-info
.link.text-white
.link.text-font-light
.link[disabled]

Loader

.loader

Icons & Images

.vi
.vi-2x

Modal

.modal > .modal-dialog.modal-sm
.modal > .modal-dialog
.modal > .modal-dialog.modal-lg
.modal.fullscreen > .modal-dialog

Utilities

.ml-m1 .mr-m2 .mx-m3 .mx-sm-m4
Breakout

No-breakout classes

Breakout classes, left (.25rem)

.ml-m1

Breakout classes, right (.5rem)

.mr-m2

Breakout classes, left / right (1rem)

.mx-m3

Breakout classes, left / right (2rem), large

.mx-lg-m4
.pl-xs-only-0 .pr-md-only-4 etc...
Padding for single breakpoint
.display-1 .display-2 .display-3 .display-4
Display

Breakpoint classes for display

.display-4 .display-sm-3 .display-md-2 .display-lg-1
Rounding corners
Rounded pill
.rounded-pill
Extra large
rounding
.rounded-xl
Square
top-left
.rounded-xl.rounded-tl-0
Square
top-right
.rounded-xl.rounded-tr-0
Square
bottom-left
.rounded-xl.rounded-bl-0
Square
bottom-right
.rounded-xl.rounded-br-0
Text
Deleted text
.del