fix(Row): Fix box-sizing within <Row />

Dimitri Kopriwa · Dimitri Kopriwa · commit c7f46bf6cd7b · 2019-02-01T15:19:37.000+07:00
When used without a <BootstrapProvider />, the <Row /> component will not have the css rules `*, ::after, ::before { box-sizing: border-box; }` appended and this will break the display fix #74
diff --git a/src/Row/index.js b/src/Row/index.js
@@ -87,6 +87,11 @@ const Row = styled(RowUnstyled)`
           padding-left: 0;
         }
       }
+      
+      // Fix when not used with a BootstrapProvider, globals are missing (See #74)
+      & *, & ::after, & ::before {
+        box-sizing: border-box;
+      }
     }
  `}
 `;

Original file line number	Diff line number	Diff line change
@@ -87,6 +87,11 @@ const Row = styled(RowUnstyled)`
`87`	`87`	`padding-left: 0;`
`88`	`88`	`}`
`89`	`89`	`}`
	`90`	`+`
	`91`	`+ // Fix when not used with a BootstrapProvider, globals are missing (See #74)`
	`92`	`+ & *, & ::after, & ::before {`
	`93`	`+ box-sizing: border-box;`
	`94`	`+ }`
`90`	`95`	`}`
`91`	`96`	`}
`92`	`97`	`;