theme vars

colors

this theme exports and uses the following colors.

• vars.neutral: #ea4444
• vars.fontSize: 25px

• background

  • vars.background.light: #c4c4c4
  • vars.background.dark: #212121

• text

  • vars.text.light: #212121
  • vars.text.dark: #c4c4c4

fade duration:

vars.fadeDuration should be used for all css animations

vars.fadeDuration: 500ms

breakpoints

the following width breakpoints exist

• vars.widths.tablet: 500px
• vars.widths.laptop: 1024px
• vars.widths.desktop: 1600px

headers

the five header sizes look like the following, the outlines indicate their padding.

This is a h1

This is a h2

This is a h3

This is a h4

This is a h5

links

links will look like the following: