About media queries - try to turn them into Sass mixing.
Also please note that if somebody is using different font size than default, your website won't scale. You could use font-size: 62.5% for the html tag and then it would be more accessible.
Besides that - it's awesome piece of advice and set of rules. Would love to see some limiting rules for that.
You're right, using a font-size: 62.5% (that equals what 10px does) would be more accessible since it would be based on the browser's default font-size. Though not an usual case, some people actually change their browser's default font-size.
We're a place where coders share, stay up-to-date and grow their careers.
We strive for transparency and don't collect excess data.