Merge pull request #46 from marcobiedermann/feature/box-sizing

Improve box-sizing bahaviour
matejlatin · Jun 1, 2016 · c9c3434 · c9c3434
2 parents 89afc40 + b9e9757
commit c9c3434
Show file tree

Hide file tree

Showing 16 changed files with 26 additions and 61 deletions.
diff --git a/assets/combined.css b/assets/combined.css
diff --git a/assets/combined.gz.css b/assets/combined.gz.css
diff --git a/assets/combined.min.css b/assets/combined.min.css
diff --git a/src/style/gutenberg.css b/src/style/gutenberg.css
diff --git a/src/style/gutenberg.css.map b/src/style/gutenberg.css.map
diff --git a/src/style/gutenberg.scss b/src/style/gutenberg.scss
@@ -33,7 +33,7 @@ License URL ... https://raw.githubusercontent.com/matejlatin/Gutenberg/master/li
 @import 'modules/details';
 @import 'modules/figure';
 @import 'modules/form';
-@import 'modules/headline';
+@import 'modules/heading';
 @import 'modules/horizontal-rule';
 @import 'modules/image';
 @import 'modules/list';

diff --git a/src/style/layout/_base.scss b/src/style/layout/_base.scss
@@ -14,6 +14,7 @@ html {
 
 // Font defaults
 html {
+  box-sizing: border-box;
   font-size: #{$base + 'px'};
   font-size: #{$base-font-size + '%'};
   font-family: $font-body;
@@ -50,11 +51,12 @@ html {
 
 }
 
-body {
-  box-sizing: border-box;
-  margin: 0;
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
 }
 
-div {
-  box-sizing: border-box;
+body {
+  margin: 0;
 }
diff --git a/src/style/layout/_footer.scss b/src/style/layout/_footer.scss
@@ -1,5 +1,4 @@
 footer {
-  box-sizing: border-box;
   display: block;
 
   body > & {

diff --git a/src/style/layout/_header.scss b/src/style/layout/_header.scss
@@ -1,4 +1,3 @@
 header {
-  box-sizing: border-box;
   display: block;
 }
diff --git a/src/style/layout/_section.scss b/src/style/layout/_section.scss
@@ -1,4 +1,3 @@
 section {
-  box-sizing: border-box;
   display: block;
 }
diff --git a/src/style/modules/_article.scss b/src/style/modules/_article.scss
@@ -1,5 +1,4 @@
 article {
-  box-sizing: border-box;
   display: block;
   margin: 0 auto;
   width: 80%;

diff --git a/src/style/modules/_figure.scss b/src/style/modules/_figure.scss
@@ -20,7 +20,6 @@ figcaption {
 }
 
 figure {
-  box-sizing: border-box;
   display: block;
 }
 

diff --git a/src/style/modules/_form.scss b/src/style/modules/_form.scss
@@ -1,3 +1,3 @@
 input {
-  box-sizing: border-box;
+
 }
diff --git a/src/style/modules/_list.scss b/src/style/modules/_list.scss
@@ -2,10 +2,6 @@
 ul,
 ol {
 
-  article & {
-    box-sizing: border-box;
-  }
-
   li {
     margin-bottom: 0;
   }

diff --git a/src/style/modules/_navigation.scss b/src/style/modules/_navigation.scss
@@ -1,4 +1,3 @@
 nav {
-  box-sizing: border-box;
   display: block;
 }
diff --git a/src/style/modules/_quote.scss b/src/style/modules/_quote.scss
@@ -1,5 +1,4 @@
 blockquote {
-  box-sizing: border-box;
   font-style: italic;
   padding-left: 1.4375rem;
   // font-size: 95%;
-Original file line number
+Diff line change
@@ Expand Up / @@ -20,7 +20,6 @@ figcaption { @@
     }
     figure {
-      box-sizing: border-box;
       display: block;
     }
@@ Expand Down @@