Remove the display property from u-sizeFull

Setting this display property clashes with other utilities on the component. This utility should only concern itself with the width and the border-box (to ensure element does not exceed parent) Fixes #35
suitcss · Jul 8, 2016 · 027c3ae · 027c3ae
1 parent a2b3aec
commit 027c3ae
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 8 deletions.
diff --git a/lib/size-lg.css b/lib/size-lg.css
@@ -193,8 +193,6 @@
    */
 
   .u-lg-sizeFull {
-    box-sizing: border-box !important;
-    display: block !important;
     width: 100% !important;
   }
 

diff --git a/lib/size-md.css b/lib/size-md.css
@@ -195,8 +195,6 @@
    */
 
   .u-md-sizeFull {
-    box-sizing: border-box !important;
-    display: block !important;
     width: 100% !important;
   }
 

diff --git a/lib/size-sm.css b/lib/size-sm.css
@@ -193,8 +193,6 @@
    */
 
   .u-sm-sizeFull {
-    box-sizing: border-box !important;
-    display: block !important;
     width: 100% !important;
   }
 

diff --git a/lib/size.css b/lib/size.css
@@ -191,7 +191,5 @@
  */
 
 .u-sizeFull {
-  box-sizing: border-box !important;
-  display: block !important;
   width: 100% !important;
 }
diff --git a/test/index.html b/test/index.html
@@ -9,6 +9,10 @@
     margin: 0 0 10px;
   }
 
+  html {
+    box-sizing: border-box;
+  }
+
   .u-flex {
     display: -webkit-flex !important;
     display: -ms-flexbox !important;