Utilities

Helper Classes

Useful classes to reduce the amount of extra styling being added into the stylesheet.

Size

Class Name Value
full-width width:100%
full-height height:100%

Position

Class Name Value
position-relative position:relative
position-absolute position:absolute

Text Alignment

Display

Class Name Value
display-block display:block
display-inline-block display:inline-block
display-inline display:inline

Spacing

Font Size

Color

Class Name Value
color-light color:#FEFDFD
color-dark color:#262626
color-medium color:#595959
color-grey color:#C9ABAB
color-link color:#037F9B
color-accent color:#4169E1

Background

Class Name Value
background-light background-color:#FEFDFD;
color:#262626
background-dark background-color:#262626;
color:#FEFDFD;
background-medium background-color:#595959;
color:#FEFDFD;
background-grey background-color:#595959;
color:#262626;