Last Updated: February 25, 2016
· unleashedit

Font Sizing with REMS mixin.

I was never really a fan of EM’s because half the time you need a math degree to keep up with how deep you’ve gone.

REMs are the answer to that by proportionally sizing based on the ROOT element aka, your HTML selector, but browser support isn’t perfect so you need to specify a pixel fall back.

To make the maths even easier on your brain, setting a root unit (html font-size) of 10px means everything will be much easier to calculate.

Code here: