Skip to content

Instantly share code, notes, and snippets.

@ijy

ijy/Compass px to em

Created December 7, 2011 08:18
Show Gist options
  • Star 48 You must be signed in to star a gist
  • Fork 10 You must be signed in to fork a gist
  • 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
}
@LimeBlast
Copy link

yoink just what I needed, thank you

@emilchristensen
Copy link

Thanks! I love this.

@denoww
Copy link

denoww commented Mar 22, 2013

Thanks!!!!!
Mobile FIRST

D

@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