// Basic text
=type-basic($context: 10)
  +regular
  font-size: (15 / $context) + em // 15px
  line-height: 1.333333333 // 20px

=type-basic-semibold-uc($context: 10)
  +semibold
  font-size: (15 / $context) + em // 15px
  line-height: 1.333333333 // 20px
  text-transform: uppercase
  letter-spacing: .02em


// Small text
=type-small($context: 10)
  +regular
  font-size: (14 / $context) + em // 14px
  line-height: 1.285714286 // 18px

// Large title
=type-large-title($context: 10)
  display: block
  +light
  font-size: (32 / $context) + em // 32px
  line-height: 1.125 // 36px

// Medium title
=type-medium-title($context: 10)
  display: block
  +bold
  font-size: (20 / $context) + em // 20px

// Small title caps
=type-small-title-uc($context: 10)
  +bold
  font-size: (12 / $context) + em // 12px
  text-transform: uppercase
  letter-spacing: 0.1em

=type-h2($context: 10)
  +regular
  color: $blue
  font-size: (20 / $context) + em // 20px

// List