@import 'colors.styl'

/* Typopgrahy families */
$family-helvetica = 'Helvetica Neue', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif
$family-proxima-nova = 'Proxima Nova', 'proxima-nova', sans-serif // deprecated

family-helvetica = 'Helvetica Neue', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif
family-proxima-nova = 'Proxima Nova', 'proxima-nova', sans-serif // deprecated

/* Typography weights */
$weight-bold = 600
$weight-medium = 500
$weight-regular = 400

weight-bold = 600
weight-medium = 500
weight-regular = 400

/* Typography sizes */
font-size-xxl()
  font-size 20px

font-size-xl()
  font-size 18px

font-size-large()
  font-size 16px

font-size-medium()
  font-size 14px

font-size-default() // default body font size
  font-size 13px

font-size-small()
  font-size 12px

font-size-xs()
  font-size 11px
  text-transform uppercase

font-paragraph()
  color $grey-700
  font-size-medium()
  font-family $family-helvetica
  font-stretch normal
  font-weight $weight-medium
  line-height 18px

truncate-text()
  overflow hidden
  text-overflow ellipsis
  white-space nowrap