Fix the Crazy CSS Box Model

Set everything to border-box, but let modular layouts easily overwrite it.

This changes borders and padding to inset, so they don’t add dimention to a defined height/width. 100px width + 10px padding + 2px border = 100px. Border-box is set on the html element and everything else inherits it. Unless for some strange reason a different box-sizing is defined later on, the new crazy setting will cascade to it’s crazy children.

See the Pen Fix the Crazy CSS Box Model by Chase (@chasebank) on CodePen.