//
// Important numbers
//

@line: 24;
@column: 100% / 18;
@font-size: 16;
@em:@font-size*1em;

/*
*
* Zoomable baseline grid
* type size presets
*
*/
body {
  /* 16px / 24px */
  font-size: @font-size / 16 * 1em; 
  line-height: @line / @em;
}
.small {
  /* 13px / 18px */
  font-size: (@font-size*0.8125) / @em;
  line-height: (@line*0.75) / (@font-size*0.8125) * 1em;
}
.normal,
h3 {
  /* 16px / 24px */
  font-size: @font-size / @em;
  line-height: @line / @em; /* 24 */
}
.large,
h2,
h1 {
  /* 26 / 36px */
  font-size: 26 / @em;
  line-height: (@line*1.5) / 26 * 1em;
}
.huge {
  /* 42px / 48px */
  font-size: 42 / @em;
  line-height: (@line*2) / 42 * 1em;
}
.massive {
  /* 68px / 72px */
  font-size: 68 / @em;
  line-height: (@line*3) / 68 * 1em;
}
.gigantic {
  /* 110px / 120px */
  font-size: 110 / @em;
  line-height: (@line*5) / 110 * 1em;
}

