Merge pull request #698 from tailwindcss/add-56-width

Add 56 value for width/height

__tests__/fixtures/tailwind-output-important.css

@@ -3065,6 +3065,10 @@ table {
   height: 12rem !important;
 }
 
+.h-56 {
+  height: 14rem !important;
+}
+
 .h-64 {
   height: 16rem !important;
 }
@@ -6125,6 +6129,10 @@ table {
   width: 12rem !important;
 }
 
+.w-56 {
+  width: 14rem !important;
+}
+
 .w-64 {
   width: 16rem !important;
 }
@@ -8774,6 +8782,10 @@ table {
     height: 12rem !important;
   }
 
+  .sm\:h-56 {
+    height: 14rem !important;
+  }
+
   .sm\:h-64 {
     height: 16rem !important;
   }
@@ -11818,6 +11830,10 @@ table {
     width: 12rem !important;
   }
 
+  .sm\:w-56 {
+    width: 14rem !important;
+  }
+
   .sm\:w-64 {
     width: 16rem !important;
   }
@@ -14468,6 +14484,10 @@ table {
     height: 12rem !important;
   }
 
+  .md\:h-56 {
+    height: 14rem !important;
+  }
+
   .md\:h-64 {
     height: 16rem !important;
   }
@@ -17512,6 +17532,10 @@ table {
     width: 12rem !important;
   }
 
+  .md\:w-56 {
+    width: 14rem !important;
+  }
+
   .md\:w-64 {
     width: 16rem !important;
   }
@@ -20162,6 +20186,10 @@ table {
     height: 12rem !important;
   }
 
+  .lg\:h-56 {
+    height: 14rem !important;
+  }
+
   .lg\:h-64 {
     height: 16rem !important;
   }
@@ -23206,6 +23234,10 @@ table {
     width: 12rem !important;
   }
 
+  .lg\:w-56 {
+    width: 14rem !important;
+  }
+
   .lg\:w-64 {
     width: 16rem !important;
   }
@@ -25856,6 +25888,10 @@ table {
     height: 12rem !important;
   }
 
+  .xl\:h-56 {
+    height: 14rem !important;
+  }
+
   .xl\:h-64 {
     height: 16rem !important;
   }
@@ -28900,6 +28936,10 @@ table {
     width: 12rem !important;
   }
 
+  .xl\:w-56 {
+    width: 14rem !important;
+  }
+
   .xl\:w-64 {
     width: 16rem !important;
   }

__tests__/fixtures/tailwind-output.css

@@ -3065,6 +3065,10 @@ table {
   height: 12rem;
 }
 
+.h-56 {
+  height: 14rem;
+}
+
 .h-64 {
   height: 16rem;
 }
@@ -6125,6 +6129,10 @@ table {
   width: 12rem;
 }
 
+.w-56 {
+  width: 14rem;
+}
+
 .w-64 {
   width: 16rem;
 }
@@ -8774,6 +8782,10 @@ table {
     height: 12rem;
   }
 
+  .sm\:h-56 {
+    height: 14rem;
+  }
+
   .sm\:h-64 {
     height: 16rem;
   }
@@ -11818,6 +11830,10 @@ table {
     width: 12rem;
   }
 
+  .sm\:w-56 {
+    width: 14rem;
+  }
+
   .sm\:w-64 {
     width: 16rem;
   }
@@ -14468,6 +14484,10 @@ table {
     height: 12rem;
   }
 
+  .md\:h-56 {
+    height: 14rem;
+  }
+
   .md\:h-64 {
     height: 16rem;
   }
@@ -17512,6 +17532,10 @@ table {
     width: 12rem;
   }
 
+  .md\:w-56 {
+    width: 14rem;
+  }
+
   .md\:w-64 {
     width: 16rem;
   }
@@ -20162,6 +20186,10 @@ table {
     height: 12rem;
   }
 
+  .lg\:h-56 {
+    height: 14rem;
+  }
+
   .lg\:h-64 {
     height: 16rem;
   }
@@ -23206,6 +23234,10 @@ table {
     width: 12rem;
   }
 
+  .lg\:w-56 {
+    width: 14rem;
+  }
+
   .lg\:w-64 {
     width: 16rem;
   }
@@ -25856,6 +25888,10 @@ table {
     height: 12rem;
   }
 
+  .xl\:h-56 {
+    height: 14rem;
+  }
+
   .xl\:h-64 {
     height: 16rem;
   }
@@ -28900,6 +28936,10 @@ table {
     width: 12rem;
   }
 
+  .xl\:w-56 {
+    width: 14rem;
+  }
+
   .xl\:w-64 {
     width: 16rem;
   }

defaultTheme.js

@@ -222,6 +222,7 @@ module.exports = function() {
       auto: 'auto',
       ...theme.spacing,
       '48': '12rem',
+      '56': '14rem',
       '64': '16rem',
       '1/2': '50%',
       '1/3': '33.33333%',
@@ -241,6 +242,7 @@ module.exports = function() {
       auto: 'auto',
       ...theme.spacing,
       '48': '12rem',
+      '56': '14rem',
       '64': '16rem',
       full: '100%',
       screen: '100vh',