Skip to content

Instantly share code, notes, and snippets.

@nchristus
Created September 11, 2014 14:20
Show Gist options
  • Save nchristus/858b8ec0c4b261c6f90b to your computer and use it in GitHub Desktop.
Save nchristus/858b8ec0c4b261c6f90b to your computer and use it in GitHub Desktop.
Font size sanity
// Fonts
// ==========================================================================
// Sizing based on http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/
$font-size-giga: em(72px);
$font-size-mega: em(60px);
$font-size-kilo: em(48px);
$font-size-alpha: em(36px);
$font-size-beta: em(24px);
$font-size-gamma: em(21px);
$font-size-delta: em(18px);
$font-size-epsilon: em(16px);
$font-size-zeta: em(14px);
$font-size-milli: em(12px);
h1, .alpha { font-size: $font-size-alpha; }
h2, .beta { font-size: $font-size-beta; }
h3, .gamma { font-size: $font-size-gamma; }
h4, .delta { font-size: $font-size-delta; }
h5, .epsilon { font-size: $font-size-epsilon; }
h6, .zeta { font-size: $font-size-zeta; }
.giga { font-size: $font-size-giga; }
.mega { font-size: $font-size-mega; }
.kilo { font-size: $font-size-kilo; }
small,
.milli { font-size: $font-size-milli; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment