basic/_sections.scss

@@ -3,14 +3,8 @@
 
 html {
 	height: 100%;
-	box-sizing: border-box;
 }
 
-*,
-::before,
-::after {
-	box-sizing: inherit;
-}
 
 
 
@@ -18,11 +12,18 @@ html {
 // -----------------------------------------------------------------------------
 
 body {
+	box-sizing: border-box;
 	font-family: $primary_font_family;
 	font-size: $basic_size;
 	line-height: $basic_line;
 	color: $basic_font_color;
 	background-color: $basic_background_color;
+	
+	*,
+	::before,
+	::after {
+		box-sizing: inherit;
+	}
 }
 
 article {

example.css

@@ -272,20 +272,19 @@ h5 {
   text-align: left !important; }
 
 html {
-  height: 100%;
-  box-sizing: border-box; }
-
-*,
-::before,
-::after {
-  box-sizing: inherit; }
+  height: 100%; }
 
 body {
+  box-sizing: border-box;
   font-family: Trebuchet MS, Helvetica, Arial, sans-serif, sans;
   font-size: 15px;
   line-height: 1;
   color: black;
   background-color: gray; }
+  body *,
+  body ::before,
+  body ::after {
+    box-sizing: inherit; }
 
 aside.right + section {
   margin-right: calc(20% + 8px); }