Set border-box globally instead

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index c93cebabea3bce69e58492915b60d696d88086f9..d8a4517732b4194892f70aa82c6ab77862a20981 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -265,6 +265,12 @@ table {
   }
 }
 
+* {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
 html {
   font-size: 62.5%;
   -webkit-overflow-scrolling: touch;
@@ -730,9 +736,6 @@ pre code {
   min-height: 1px;
   padding-right: 10px;
   padding-left: 10px;
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
 }
 
 @media screen and (min-width: 768px) {
@@ -1065,9 +1068,6 @@ input[type="color"] {
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
   -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
      -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
@@ -1663,9 +1663,6 @@ fieldset[disabled] .btn {
   width: 100%;
   padding-right: 0;
   padding-left: 0;
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
 }
 
 .btn-block + .btn-block {
@@ -4419,9 +4416,6 @@ a.badge:focus {
   background-color: #428bca;
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
           box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
   -webkit-transition: width 0.6s ease;
      -moz-transition: width 0.6s ease;
        -o-transition: width 0.6s ease;

diff --git a/less/buttons.less b/less/buttons.less
index 7eaaeb13fa0b3f3c15b1c44944b660e5ee4e28b3..801458a6f38cb36f3bb46d9ca25fee790ff149dc 100644 (file)
--- a/less/buttons.less
+++ b/less/buttons.less
@@ -87,7 +87,6 @@
   width: 100%;
   padding-left: 0;
   padding-right: 0;
-  .box-sizing(border-box);
 }
 
 // Vertically space out multiple block buttons

diff --git a/less/forms.less b/less/forms.less
index b710b32fe52b24a9292a33ddf9866835d469ec75..2ec53f8bbc99ad2f4b6758f5d3f2a2a927a740c9 100644 (file)
--- a/less/forms.less
+++ b/less/forms.less
@@ -55,7 +55,6 @@ input[type="search"],
 input[type="tel"],
 input[type="color"] {
   display: inline-block;
-  .box-sizing(border-box); // Makes inputs behave like true block-level elements
   min-height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
   padding: 6px 9px;
   // margin-bottom: @line-height-base / 2;

diff --git a/less/grid.less b/less/grid.less
index a64ca9c88fe0cb5cee9e38acda6b51f20de81198..ded99b9bd66f8981b48825b2bd059e44f7ae2b35 100644 (file)
--- a/less/grid.less
+++ b/less/grid.less
@@ -18,10 +18,6 @@
   min-height: 1px;
   padding-left:  @grid-gutter-width / 2;
   padding-right: @grid-gutter-width / 2;
-  // Proper box-model (padding doesn't add to width)
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
 }
 
 // Responsive: Tablets and up

diff --git a/less/progress-bars.less b/less/progress-bars.less
index 89e9832684557eb71581123c64234f25dbae9d6a..5f62ae2799b64b4f9346280a809424cf3700fa43 100644 (file)
--- a/less/progress-bars.less
+++ b/less/progress-bars.less
@@ -62,7 +62,6 @@
   text-shadow: 0 -1px 0 rgba(0,0,0,.25);
   background-color: @progress-bar-bg;
   .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
-  .box-sizing(border-box);
   .transition(width .6s ease);
 }
 

diff --git a/less/scaffolding.less b/less/scaffolding.less
index eee9cc93c6a03a3d204ccde1ed50e86a1b9f6b11..973353c93b39899ffc144910cbb76b966467b51e 100644 (file)
--- a/less/scaffolding.less
+++ b/less/scaffolding.less
@@ -3,6 +3,16 @@
 // --------------------------------------------------
 
 
+// Reset the box-sizing
+// -------------------------
+
+* {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+
 // Body reset
 // -------------------------