Hello beautiful

h1 classes

• Font-color

•  color-font
•  color-purple
•  color-slate
•  color-white
•  color-blue

• Font-weight

•  light
•  normal
•  semi-bold
•  bold

• Font-family

•  Averta
•  Didot
•  Quickpen

• Text-transform

•  no transform
•  upper
•  lower

• Underline

•  no underline
•  underline

• Text-align

•  text-left
•  text-right
•  text-center

• Hide

•  xs-hide(mobile)
•  sm-hide(tablet)
•  md-hide(desktop md)
•  lg-hide(desktop)

• Mobile font-size

•  xs-f-xxsmall (10px)
•  xs-f-xsmall (12px)
•  xs-f-small (14px)
•  xs-f-medium (16px)
•  xs-f-xmedium (18px)
•  xs-f-large (20px)
•  xs-f-xlarge (24px)
•  xs-f-xxlarge (28px)
•  xs-f-xxxlarge (32px)
•  xs-f-grande (36px)
•  xs-f-xgrande (40px)
•  xs-f-xxgrande (46px)
•  xs-f-xxxgrande (52px)
•  xs-f-poster (72px)
•  xs-f-billboard (128px)

• Tablet font-size

•  sm-f-xxsmall (10px)
•  sm-f-xsmall (12px)
•  sm-f-small (14px)
•  sm-f-medium (16px)
•  sm-f-xmedium (18px)
•  sm-f-large (20px)
•  sm-f-xlarge (24px)
•  sm-f-xxlarge (28px)
•  sm-f-xxxlarge (32px)
•  sm-f-grande (36px)
•  sm-f-xgrande (40px)
•  sm-f-xxgrande (46px)
•  sm-f-xxxgrande (52px)
•  sm-f-poster (72px)
•  sm-f-billboard (128px)

• Desktop md font-size

•  md-f-xxsmall (10px)
•  md-f-xsmall (12px)
•  md-f-small (14px)
•  md-f-medium (16px)
•  md-f-xmedium (18px)
•  md-f-large (20px)
•  md-f-xlarge (24px)
•  md-f-xxlarge (28px)
•  md-f-xxxlarge (32px)
•  md-f-grande (36px)
•  md-f-xgrande (40px)
•  md-f-xxgrande (46px)
•  md-f-xxxgrande (52px)
•  md-f-poster (72px)
•  md-f-billboard (128px)

• Desktop font-size

•  lg-f-xsmall (12px)
•  lg-f-small (14px)
•  lg-f-medium (16px)
•  lg-f-xmedium (18px)
•  lg-f-large (20px)
•  lg-f-xlarge (24px)
•  lg-f-xxlarge (28px)
•  lg-f-xxxlarge (32px)
•  lg-f-grande (36px)
•  lg-f-xgrande (40px)
•  lg-f-xxgrande (46px)
•  lg-f-xxxgrande (52px)
•  lg-f-poster (72px)
•  lg-f-billboard (128px)

p classes

• Font-color

•  color-font
•  color-purple
•  color-slate
•  color-white
•  color-blue

• Font-weight

•  light
•  normal
•  semi-bold
•  bold

• Font-family

•  Averta
•  Didot
•  Quickpen

• Text-transform

•  no transform
•  upper
•  lower

• Underline

•  no underline
•  underline

• Text-align

•  text-left
•  text-right
•  text-center

• Hide

•  xs-hide(mobile)
•  sm-hide(tablet)
•  md-hide(desktop md)
•  lg-hide(desktop)

• Mobile font-size

•  xs-f-xxsmall (10px)
•  xs-f-xsmall (12px)
•  xs-f-small (14px)
•  xs-f-medium (16px)
•  xs-f-xmedium (18px)
•  xs-f-large (20px)
•  xs-f-xlarge (24px)
•  xs-f-xxlarge (28px)
•  xs-f-xxxlarge (32px)
•  xs-f-grande (36px)
•  xs-f-xgrande (40px)
•  xs-f-xxgrande (46px)
•  xs-f-xxxgrande (52px)
•  xs-f-poster (72px)
•  xs-f-billboard (128px)

• Tablet font-size

•  sm-f-xxsmall (10px)
•  sm-f-xsmall (12px)
•  sm-f-small (14px)
•  sm-f-medium (16px)
•  sm-f-xmedium (18px)
•  sm-f-large (20px)
•  sm-f-xlarge (24px)
•  sm-f-xxlarge (28px)
•  sm-f-xxxlarge (32px)
•  sm-f-grande (36px)
•  sm-f-xgrande (40px)
•  sm-f-xxgrande (46px)
•  sm-f-xxxgrande (52px)
•  sm-f-poster (72px)
•  sm-f-billboard (128px)

• Desktop md font size

•  md-f-xxsmall (10px)
•  md-f-xsmall (12px)
•  md-f-small (14px)
•  md-f-medium (16px)
•  md-f-xmedium (18px)
•  md-f-large (20px)
•  md-f-xlarge (24px)
•  md-f-xxlarge (28px)
•  md-f-xxxlarge (32px)
•  md-f-grande (36px)
•  md-f-xgrande (40px)
•  md-f-xxgrande (46px)
•  md-f-xxxgrande (52px)
•  md-f-poster (72px)
•  md-f-billboard (128px)

• Desktop font-size

•  lg-f-xxsmall (10px)
•  lg-f-xsmall (12px)
•  lg-f-small (14px)
•  lg-f-medium (16px)
•  lg-f-xmedium (18px)
•  lg-f-large (20px)
•  lg-f-xlarge (24px)
•  lg-f-xxlarge (28px)
•  lg-f-xxxlarge (32px)
•  lg-f-grande (36px)
•  lg-f-xgrande (40px)
•  lg-f-xxgrande (46px)
•  lg-f-xxxgrande (52px)
•  lg-f-poster (72px)
•  lg-f-billboard (128px)

button classes

• Button width

•  btn default width
•  btn-fixed-width
•  btn-block

• Disabled state

•  not disabled
•  disabled

• Button type

•  btn-inverse
•  btn-blue
•  btn-blue-inverse
•  btn-attention
•  btn-attention-inverse
•  btn-white-inverse

• Hide

•  xs-hide(mobile)
•  sm-hide(tablet)
•  md-hide(desktop md)
•  lg-hide(desktop)

notification types

•  success
•  warn
•  error
•  info

container classes

• Background-color

•  bg-white
•  bg-black
•  bg-purple
•  bg-blue
•  bg-fog-light
•  bg-slate

• Text-align

•  text-left
•  text-right
•  text-center

• Mobile aspect ratios

•  natural
•  a-box-xs-1x1
•  a-box-xs-1x2
•  a-box-xs-1x3
•  a-box-xs-1x4
•  a-box-xs-2x1
•  a-box-xs-2x3
•  a-box-xs-3x1
•  a-box-xs-3x2
•  a-box-xs-3x4
•  a-box-xs-4x1
•  a-box-xs-7x2
•  a-box-xs-8x5
•  a-box-xs-12x5
•  a-box-xs-16x9
•  a-box-xs-4x5
•  a-box-xs-4x3
•  a-box-xs-10x9

• Tablet aspect ratios

•  natural
•  a-box-sm-1x1
•  a-box-sm-1x2
•  a-box-sm-1x3
•  a-box-sm-1x4
•  a-box-sm-2x1
•  a-box-sm-2x3
•  a-box-sm-3x1
•  a-box-sm-3x2
•  a-box-sm-3x4
•  a-box-sm-4x1
•  a-box-sm-7x2
•  a-box-sm-8x5
•  a-box-sm-12x5
•  a-box-sm-16x9
•  a-box-sm-4x5
•  a-box-sm-4x3
•  a-box-sm-10x9

• Desktop md aspect ratios

•  natural
•  a-box-md-1x1
•  a-box-md-1x2
•  a-box-md-1x3
•  a-box-md-1x4
•  a-box-md-2x1
•  a-box-md-2x3
•  a-box-md-3x1
•  a-box-md-3x2
•  a-box-md-3x4
•  a-box-md-4x1
•  a-box-md-7x2
•  a-box-md-8x5
•  a-box-md-12x5
•  a-box-md-16x9
•  a-box-md-4x5
•  a-box-md-4x3
•  a-box-md-10x9

• Desktop aspect ratios

•  natural
•  a-box-lg-1x1
•  a-box-lg-1x2
•  a-box-lg-1x3
•  a-box-lg-1x4
•  a-box-lg-2x1
•  a-box-lg-2x3
•  a-box-lg-3x1
•  a-box-lg-3x2
•  a-box-lg-3x4
•  a-box-lg-4x1
•  a-box-lg-7x2
•  a-box-lg-8x5
•  a-box-lg-12x5
•  a-box-lg-16x9
•  a-box-lg-4x5
•  a-box-lg-4x3
•  a-box-lg-10x9