Apply 'box-sizing: border-box' to all elements

trendmicro-frontend · Jun 15, 2017 · d0881c3 · d0881c3
1 parent 2afd566
commit d0881c3
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/index.styl b/src/index.styl
@@ -16,15 +16,16 @@ $modal-footer-height = 56px;
 $modal-footer-button-margin = 8px;
 
 .modal-content {
+    box-sizing: border-box;
+    *, *:before, *:after {
+        box-sizing: border-box;
+    }
+
     border: 1px solid #ccc;
     box-shadow: 0 4px 16px rgba(0, 0, 0, .5);
     position: relative;
     min-width: $modal-xs-min-width;
 
-    * {
-        box-sizing: border-box;
-    }
-
     &.xs {
         min-width: $modal-xs-min-width;
         max-width: $modal-xs-max-width;