rem values are calculated relative to the root html element and not the parent. If the root element is defined as 16 pixels, then 1 rem is equal to 16 pixels. Root elements are defined in the style.css file. Pixel | REM |
---|
10px | 0.625rem | 11px | 0.6875rem | 12px | 0.75rem | 13px | 0.8125rem | 14px | 0.875rem | 15px | 0.9375rem | 16px | 1rem | 17px | 1.0625rem | 18px | 1.125rem | 19px | 1.1875rem | 20px | 1.25rem | 21px | 1.3125rem | 22px | 1.375rem | 23px | 1.4375rem | 24px | 1.5rem | 25px | 1.5625rem | 26px | 1.625rem | 27px | 1.6875rem | 28px | 1.75rem | 29px | 1.8125rem | 30px | 1.875rem | 31px | 1.9375rem | 32px | 2rem | 33px | 2.0625rem | 34px | 2.125rem | 35px | 2.1875rem | 36px | 2.25rem | 37px | 2.3125rem | 38px | 2.375rem | 39px | 2.4375rem | 40px | 2.5rem | 41px | 2.5625rem | 42px | 2.625rem | 43px | 2.6875rem | 44px | 2.75rem | 45px | 2.8125rem | 46px | 2.875rem | 47px | 2.9375rem | 48px | 3rem | 49px | 3.0625rem | 50px | 3.125rem | 51px | 3.1875rem | 52px | 3.25rem | 53px | 3.3125rem | 54px | 3.375rem | 55px | 3.4375rem | 56px | 3.5rem | 57px | 3.5625rem | 58px | 3.625rem | 59px | 3.6875rem | 60px | 3.75rem | 61px | 3.8125rem | 62px | 3.875rem | 63px | 3.9375rem | 64px | 4rem |
|