A typography configuration

typography

// http://modularscale.com/scale/?px1=16&px2=12&ra1=1.618&ra2=0

// == || MODULAR SCALE || == 

$base-text-size: 1em
$important-number: 0.75em

$omicron: golden-ratio($base-text-size, 5) // 177.425
$xi: golden-ratio($important-number, 5) // 133.066
$nu: golden-ratio($base-text-size, 4) // 109.657
$mu: golden-ratio($important-number, 4) // 82.241
$lambda: golden-ratio($base-text-size, 3) // 67.773
$kappa: golden-ratio($important-number, 3) // 50.829
$iota: golden-ratio($base-text-size, 2) // 41.887
$theta: golden-ratio($important-number, 2) // 31.415
$eta: golden-ratio($base-text-size, 1) // 25.888
$zeta: golden-ratio($important-number, 1) // 19.416
$epsilon: golden-ratio($base-text-size, 0) // 16
$delta: golden-ratio($important-number, 0) // 12
$gamma: golden-ratio($base-text-size, -1) // 9.889
$beta: golden-ratio($important-number, -1) // 7.417
$alpha: golden-ratio($base-text-size, -2) // 6.112px

// == || BASELINE || == 

$line-height: 12px

// == || FONT SIZES & SPACING || == 

p, a, li, h1, h2, h3, h4, h5, h6
  margin: 0
  padding: 0

body
  font-size: 16px/100
  line-height: $line-height*2

h1
  font-size: $lambda
  line-height: $line-height*6

h2
  font-size: $kappa
  line-height: $line-height*5

h3
  font-size: $iota
  line-height: $line-height*4

h4
  font-size: $theta
  line-height: $line-height*3

h5
  font-size: $eta
  line-height: $line-height*3

h6
  font-size: $zeta
  line-height: $line-height*2