Skip to content

Instantly share code, notes, and snippets.

@Victa
Created March 23, 2012 16:53
Show Gist options
  • Save Victa/2172723 to your computer and use it in GitHub Desktop.
Save Victa/2172723 to your computer and use it in GitHub Desktop.
Typography with Compass
@import "compass/typography/vertical_rhythm";
$base-font-size: 16px;
$base-line-height: 24px;
@include establish-baseline;
body {
font-family: 'Helvetica Neue', sans-serif;
@include debug-vertical-alignment(
"../images/debug.png");
}
h1 {@include adjust-font-size-to(48px)}
h2 {@include adjust-font-size-to(36px)}
h3 {@include adjust-font-size-to(24px)}
h4 {@include adjust-font-size-to(20px)}
h5 {@include adjust-font-size-to(18px)}
p {@include leader; @include trailer;}
h2.important {@include leader(2); @include trailer(2)}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment