Merge pull request #901 from tailwindcss/all-responsive

Make everything responsive by default

Author: adamwathan

__tests__/fixtures/tailwind-output-important.css

@@ -8711,6 +8711,14 @@ video {
     background-size: contain !important;
   }
 
+  .sm\:border-collapse {
+    border-collapse: collapse !important;
+  }
+
+  .sm\:border-separate {
+    border-collapse: separate !important;
+  }
+
   .sm\:border-transparent {
     border-color: transparent !important;
   }
@@ -11965,6 +11973,14 @@ video {
     opacity: 1 !important;
   }
 
+  .sm\:outline-none {
+    outline: 0 !important;
+  }
+
+  .sm\:focus\:outline-none:focus {
+    outline: 0 !important;
+  }
+
   .sm\:overflow-auto {
     overflow: auto !important;
   }
@@ -12797,6 +12813,14 @@ video {
     box-shadow: none !important;
   }
 
+  .sm\:fill-current {
+    fill: currentColor !important;
+  }
+
+  .sm\:stroke-current {
+    stroke: currentColor !important;
+  }
+
   .sm\:table-auto {
     table-layout: auto !important;
   }
@@ -15593,6 +15617,14 @@ video {
     background-size: contain !important;
   }
 
+  .md\:border-collapse {
+    border-collapse: collapse !important;
+  }
+
+  .md\:border-separate {
+    border-collapse: separate !important;
+  }
+
   .md\:border-transparent {
     border-color: transparent !important;
   }
@@ -18847,6 +18879,14 @@ video {
     opacity: 1 !important;
   }
 
+  .md\:outline-none {
+    outline: 0 !important;
+  }
+
+  .md\:focus\:outline-none:focus {
+    outline: 0 !important;
+  }
+
   .md\:overflow-auto {
     overflow: auto !important;
   }
@@ -19679,6 +19719,14 @@ video {
     box-shadow: none !important;
   }
 
+  .md\:fill-current {
+    fill: currentColor !important;
+  }
+
+  .md\:stroke-current {
+    stroke: currentColor !important;
+  }
+
   .md\:table-auto {
     table-layout: auto !important;
   }
@@ -22475,6 +22523,14 @@ video {
     background-size: contain !important;
   }
 
+  .lg\:border-collapse {
+    border-collapse: collapse !important;
+  }
+
+  .lg\:border-separate {
+    border-collapse: separate !important;
+  }
+
   .lg\:border-transparent {
     border-color: transparent !important;
   }
@@ -25729,6 +25785,14 @@ video {
     opacity: 1 !important;
   }
 
+  .lg\:outline-none {
+    outline: 0 !important;
+  }
+
+  .lg\:focus\:outline-none:focus {
+    outline: 0 !important;
+  }
+
   .lg\:overflow-auto {
     overflow: auto !important;
   }
@@ -26561,6 +26625,14 @@ video {
     box-shadow: none !important;
   }
 
+  .lg\:fill-current {
+    fill: currentColor !important;
+  }
+
+  .lg\:stroke-current {
+    stroke: currentColor !important;
+  }
+
   .lg\:table-auto {
     table-layout: auto !important;
   }
@@ -29357,6 +29429,14 @@ video {
     background-size: contain !important;
   }
 
+  .xl\:border-collapse {
+    border-collapse: collapse !important;
+  }
+
+  .xl\:border-separate {
+    border-collapse: separate !important;
+  }
+
   .xl\:border-transparent {
     border-color: transparent !important;
   }
@@ -32611,6 +32691,14 @@ video {
     opacity: 1 !important;
   }
 
+  .xl\:outline-none {
+    outline: 0 !important;
+  }
+
+  .xl\:focus\:outline-none:focus {
+    outline: 0 !important;
+  }
+
   .xl\:overflow-auto {
     overflow: auto !important;
   }
@@ -33443,6 +33531,14 @@ video {
     box-shadow: none !important;
   }
 
+  .xl\:fill-current {
+    fill: currentColor !important;
+  }
+
+  .xl\:stroke-current {
+    stroke: currentColor !important;
+  }
+
   .xl\:table-auto {
     table-layout: auto !important;
   }

__tests__/fixtures/tailwind-output.css

@@ -8711,6 +8711,14 @@ video {
     background-size: contain;
   }
 
+  .sm\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .sm\:border-separate {
+    border-collapse: separate;
+  }
+
   .sm\:border-transparent {
     border-color: transparent;
   }
@@ -11965,6 +11973,14 @@ video {
     opacity: 1;
   }
 
+  .sm\:outline-none {
+    outline: 0;
+  }
+
+  .sm\:focus\:outline-none:focus {
+    outline: 0;
+  }
+
   .sm\:overflow-auto {
     overflow: auto;
   }
@@ -12797,6 +12813,14 @@ video {
     box-shadow: none;
   }
 
+  .sm\:fill-current {
+    fill: currentColor;
+  }
+
+  .sm\:stroke-current {
+    stroke: currentColor;
+  }
+
   .sm\:table-auto {
     table-layout: auto;
   }
@@ -15593,6 +15617,14 @@ video {
     background-size: contain;
   }
 
+  .md\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .md\:border-separate {
+    border-collapse: separate;
+  }
+
   .md\:border-transparent {
     border-color: transparent;
   }
@@ -18847,6 +18879,14 @@ video {
     opacity: 1;
   }
 
+  .md\:outline-none {
+    outline: 0;
+  }
+
+  .md\:focus\:outline-none:focus {
+    outline: 0;
+  }
+
   .md\:overflow-auto {
     overflow: auto;
   }
@@ -19679,6 +19719,14 @@ video {
     box-shadow: none;
   }
 
+  .md\:fill-current {
+    fill: currentColor;
+  }
+
+  .md\:stroke-current {
+    stroke: currentColor;
+  }
+
   .md\:table-auto {
     table-layout: auto;
   }
@@ -22475,6 +22523,14 @@ video {
     background-size: contain;
   }
 
+  .lg\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .lg\:border-separate {
+    border-collapse: separate;
+  }
+
   .lg\:border-transparent {
     border-color: transparent;
   }
@@ -25729,6 +25785,14 @@ video {
     opacity: 1;
   }
 
+  .lg\:outline-none {
+    outline: 0;
+  }
+
+  .lg\:focus\:outline-none:focus {
+    outline: 0;
+  }
+
   .lg\:overflow-auto {
     overflow: auto;
   }
@@ -26561,6 +26625,14 @@ video {
     box-shadow: none;
   }
 
+  .lg\:fill-current {
+    fill: currentColor;
+  }
+
+  .lg\:stroke-current {
+    stroke: currentColor;
+  }
+
   .lg\:table-auto {
     table-layout: auto;
   }
@@ -29357,6 +29429,14 @@ video {
     background-size: contain;
   }
 
+  .xl\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .xl\:border-separate {
+    border-collapse: separate;
+  }
+
   .xl\:border-transparent {
     border-color: transparent;
   }
@@ -32611,6 +32691,14 @@ video {
     opacity: 1;
   }
 
+  .xl\:outline-none {
+    outline: 0;
+  }
+
+  .xl\:focus\:outline-none:focus {
+    outline: 0;
+  }
+
   .xl\:overflow-auto {
     overflow: auto;
   }
@@ -33443,6 +33531,14 @@ video {
     box-shadow: none;
   }
 
+  .xl\:fill-current {
+    fill: currentColor;
+  }
+
+  .xl\:stroke-current {
+    stroke: currentColor;
+  }
+
   .xl\:table-auto {
     table-layout: auto;
   }

stubs/defaultConfig.stub.js

@@ -424,7 +424,7 @@ module.exports = {
     backgroundPosition: ['responsive'],
     backgroundRepeat: ['responsive'],
     backgroundSize: ['responsive'],
-    borderCollapse: [],
+    borderCollapse: ['responsive'],
     borderColor: ['responsive', 'hover', 'focus'],
     borderRadius: ['responsive'],
     borderStyle: ['responsive'],
@@ -456,16 +456,16 @@ module.exports = {
     objectFit: ['responsive'],
     objectPosition: ['responsive'],
     opacity: ['responsive'],
-    outline: ['focus'],
+    outline: ['responsive', 'focus'],
     overflow: ['responsive'],
     padding: ['responsive'],
     pointerEvents: ['responsive'],
     position: ['responsive'],
     inset: ['responsive'],
     resize: ['responsive'],
     boxShadow: ['responsive', 'hover', 'focus'],
-    fill: [],
-    stroke: [],
+    fill: ['responsive'],
+    stroke: ['responsive'],
     tableLayout: ['responsive'],
     textAlign: ['responsive'],
     textColor: ['responsive', 'hover', 'focus'],