Skip to content

Instantly share code, notes, and snippets.

@stefanlindbohm
Created February 12, 2012 03:15
Show Gist options
  • Save stefanlindbohm/1806007 to your computer and use it in GitHub Desktop.
Save stefanlindbohm/1806007 to your computer and use it in GitHub Desktop.
Baseline Less Mixin
.font-size-leading(@font-size, @leading-ratio, @baseline-end-ratio) {
@leading: @baseline*round(@leading-ratio);
@baseline-end-distance: round(@font-size * @baseline-end-ratio + (@leading - @font-size) / 2);
font-size: @font-size;
line-height: @leading;
padding-top: @baseline-end-distance;
padding-bottom: @leading - @baseline-end-distance - (@baseline * (@leading-ratio - 1));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment