General

CSS currently in use can be fetched from this url:

Colors

Colors used (almost all) in this project.

Brand Colors

$c-text-on-primary
Primary
$c-primary
#000
$c-text-on-primary-light
Primary Light
$c-primary-light
#000
$c-text-on-primary-light
Primary Hover
$c-primary-hover
#000
$c-text-on-secondary
Secondary
$c-secondary
#000
$c-text-on-secondary-light
Secondary Light
$c-secondary-light
#000

Accent Colors

$c-text-on-accent
Accent
$c-accent
#000
$c-text-on-accent
Accent hover
$c-accent-hover
#000
$c-text-on-complement-1
Complement 1
$c-complement-1
#000
$c-text-on-complement-2
Complement 2
$c-complement-2
#000
$c-text-on-complement-3
Complement 3
$c-complement-3
#000

Background and borders

$c-text
Background
$c-bg
#000
$c-text
Background 2
$c-bg-2
#000
$c-text
Background 3
$c-bg-3
#000
$c-text
Border
$c-border
#000
$c-text
Border 2
$c-border-2
#000

UI Colors

$c-text-on-ui-positive
Positive
$c-ui-positive
#000
$c-text-on-ui-positive-light
Positive Light
$c-ui-positive-light
#000
$c-text-on-ui-negative
Negative
$c-ui-negative
#000
$c-text-on-ui-negative-light
Negative Light
$c-ui-negative-light
#000
$c-text-on-ui-neutral
Neutral
$c-ui-neutral
#000
$c-text-on-ui-neutral-light
Neutral Light
$c-ui-neutral-light
#000

Text Colors

$c-text-light
Text
$c-text
#000
$c-text
Text Light
$c-text-light
#000
$c-text
Text Lighten
$c-text-lighten
#000
$c-text
Text On Image
$c-text-on-image
#000

Typography

Headings

These are the headings used in this project.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

This is a normal text paragraph displaying the base text's color and font.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam nibh. Nunc varius facilisis eros. Sed erat. In in velit quis arcu ornare laoreet. Curabitur adipiscing luctus massa. Integer ut purus ac augue commodo commodo. Nunc nec mi eu justo tempor consectetuer. Etiam vitae nisl. In dignissim lacus ut ante. Cras elit lectus, bibendum a, adipiscing vitae, commodo et, dui. Ut tincidunt tortor. Donec nonummy, enim in lacinia pulvinar, velit tellus scelerisque augue, ac posuere libero urna eget neque. Cras ipsum. Vestibulum pretium, lectus nec venenatis volutpat, purus lectus ultrices risus, a condimentum risus mi et quam. Pellentesque auctor fringilla neque. Duis eu massa ut lorem iaculis vestibulum. Maecenas facilisis elit sed justo. Quisque volutpat malesuada velit.