Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Sass to convert px to rem
/**
* Convert font-size from px to rem with px fallback
*
* @param $size - the value in pixel you want to convert
*
* e.g. p {@include fontSize(12px);}
*
*/
// Function for converting a px based font-size to rem.
@function calculateRem($size) {
$remSize: $size / 16px;
//Default font size on html element is 100%, equivalent to 16px;
@return #{$remSize}rem;
}
// Mixin that will include the fall back px declaration as well as the calculated rem value.
@mixin fontSize($size) {
font-size: $size;
font-size: calculateRem($size);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.