Using ems is great for relational sizing, but with one big caveat, if your base font size changes, all your ems are off. DEVASTATING! Use this node script to change all ems in a folder to a new ratio based on your old and new base sizes.
For example:
body {
font-size: 14px;
}
p {
font-size: 1.5em; /* 21px */
}
changes to
body {
font-size: 13px;
}
p {
font-size: 1.615em; /* 21px */
}
PLEASE NOTE:
- You have to manually change your body font-size.
- This script does not have any idea about nested ems and what that would mean.
- This will also change padding, margin, etc that don't need to change after you set the new font-size. If you just want to change font-sizes you can edit the script to look for that. Or, like I did look through the commit differences and undo the lines you don't want.