box-sizing best practice
Created by: Dunexus
Reading reboot.css, I saw you set box-sizing using
*,
*::before,
*::after {
box-sizing: border-box;
}
instead of
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
Even if in most cases the first version would works fine, the second one allows devs to reset box-sizing for components designed to work in default box-sizing just by setting box-sizing : conten-box
on the parent element.
Related article: Inheriting box-sizing Probably Slightly Better Best-Practice