Skip to content

Instantly share code, notes, and snippets.

@ijy

ijy/Compass px to em

Created December 7, 2011 08:18
Show Gist options
  • Save ijy/1441967 to your computer and use it in GitHub Desktop.
Save ijy/1441967 to your computer and use it in GitHub Desktop.
Download ZIP
A Compass function to convert pixel font-sizes to em's
Raw
Compass px to em
@function em($target, $context: $base-font-size) {
@if $target == 0 { @return 0 }
@return $target / $context + 0em;
}
$base-font-size: 15px;
h1 {
font-size: em(21px, 15px); // Outputs 1.4em
}
@nelsonr
Copy link

nelsonr commented Sep 10, 2013

Very useful! Thanks for sharing!

@stevenvachon
Copy link

Is there a technical reason why + 0em is used instead of * 1em?

@benjaminhoffman
Copy link

benjaminhoffman commented Sep 13, 2021 •
edited

Is there a technical reason why + 0em is used instead of * 1em?

@stevenvachon I believe that's an implicit conversion to ensure the result ends up as em

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment