Replace classic box-sizing reset with inheritance reset

Reference: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
2016-09-24 22:14:49 +02:00 · 2016-09-24 22:14:49 +02:00 · fc6f7802a2
parent 93c5f71faf
commit fc6f7802a2
1 changed files with 9 additions and 5 deletions
--- a/site/_sass/_style.scss
+++ b/site/_sass/_style.scss
@ -1,10 +1,14 @@
 /* Base */

-* {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
+ html {
   box-sizing: border-box;
-}
+ }
+
+ *,
+ *:before,
+ *:after {
+   box-sizing: inherit;
+ }

 body {
  font: 300 21px Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;