From cebed0e4e0cd45316a87af0a6d2bb093566b1c5a Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Sat, 15 Aug 2020 15:22:31 -0400
Subject: [PATCH] Only include contents class in modern builds, update fixtures

---
 .../fixtures/tailwind-output-flagged.css      | 20 +++++++++++++++++++
 .../fixtures/tailwind-output-important.css    | 20 +++++++++++++++++++
 .../tailwind-output-no-color-opacity.css      | 20 +++++++++++++++++++
 __tests__/fixtures/tailwind-output.css        | 20 +++++++++++++++++++
 src/plugins/display.js                        |  6 +++---
 5 files changed, 83 insertions(+), 3 deletions(-)

diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
index 8877c85ff..88a5889b3 100644
--- a/__tests__/fixtures/tailwind-output-flagged.css
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -7291,6 +7291,10 @@ video {
   display: inline-grid;
 }
 
+.contents {
+  display: contents;
+}
+
 .hidden {
   display: none;
 }
@@ -32368,6 +32372,10 @@ video {
     display: inline-grid;
   }
 
+  .sm\:contents {
+    display: contents;
+  }
+
   .sm\:hidden {
     display: none;
   }
@@ -57415,6 +57423,10 @@ video {
     display: inline-grid;
   }
 
+  .md\:contents {
+    display: contents;
+  }
+
   .md\:hidden {
     display: none;
   }
@@ -82462,6 +82474,10 @@ video {
     display: inline-grid;
   }
 
+  .lg\:contents {
+    display: contents;
+  }
+
   .lg\:hidden {
     display: none;
   }
@@ -107509,6 +107525,10 @@ video {
     display: inline-grid;
   }
 
+  .xl\:contents {
+    display: contents;
+  }
+
   .xl\:hidden {
     display: none;
   }
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index 158428607..ce8707b41 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -5791,6 +5791,10 @@ video {
   display: inline-grid !important;
 }
 
+.contents {
+  display: contents !important;
+}
+
 .hidden {
   display: none !important;
 }
@@ -19833,6 +19837,10 @@ video {
     display: inline-grid !important;
   }
 
+  .sm\:contents {
+    display: contents !important;
+  }
+
   .sm\:hidden {
     display: none !important;
   }
@@ -33845,6 +33853,10 @@ video {
     display: inline-grid !important;
   }
 
+  .md\:contents {
+    display: contents !important;
+  }
+
   .md\:hidden {
     display: none !important;
   }
@@ -47857,6 +47869,10 @@ video {
     display: inline-grid !important;
   }
 
+  .lg\:contents {
+    display: contents !important;
+  }
+
   .lg\:hidden {
     display: none !important;
   }
@@ -61869,6 +61885,10 @@ video {
     display: inline-grid !important;
   }
 
+  .xl\:contents {
+    display: contents !important;
+  }
+
   .xl\:hidden {
     display: none !important;
   }
diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
index 9e14ea7ff..421bbb912 100644
--- a/__tests__/fixtures/tailwind-output-no-color-opacity.css
+++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -4363,6 +4363,10 @@ video {
   display: inline-grid;
 }
 
+.contents {
+  display: contents;
+}
+
 .hidden {
   display: none;
 }
@@ -15957,6 +15961,10 @@ video {
     display: inline-grid;
   }
 
+  .sm\:contents {
+    display: contents;
+  }
+
   .sm\:hidden {
     display: none;
   }
@@ -27521,6 +27529,10 @@ video {
     display: inline-grid;
   }
 
+  .md\:contents {
+    display: contents;
+  }
+
   .md\:hidden {
     display: none;
   }
@@ -39085,6 +39097,10 @@ video {
     display: inline-grid;
   }
 
+  .lg\:contents {
+    display: contents;
+  }
+
   .lg\:hidden {
     display: none;
   }
@@ -50649,6 +50665,10 @@ video {
     display: inline-grid;
   }
 
+  .xl\:contents {
+    display: contents;
+  }
+
   .xl\:hidden {
     display: none;
   }
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index c49e716ac..3f8e6681c 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -5791,6 +5791,10 @@ video {
   display: inline-grid;
 }
 
+.contents {
+  display: contents;
+}
+
 .hidden {
   display: none;
 }
@@ -19833,6 +19837,10 @@ video {
     display: inline-grid;
   }
 
+  .sm\:contents {
+    display: contents;
+  }
+
   .sm\:hidden {
     display: none;
   }
@@ -33845,6 +33853,10 @@ video {
     display: inline-grid;
   }
 
+  .md\:contents {
+    display: contents;
+  }
+
   .md\:hidden {
     display: none;
   }
@@ -47857,6 +47869,10 @@ video {
     display: inline-grid;
   }
 
+  .lg\:contents {
+    display: contents;
+  }
+
   .lg\:hidden {
     display: none;
   }
@@ -61869,6 +61885,10 @@ video {
     display: inline-grid;
   }
 
+  .xl\:contents {
+    display: contents;
+  }
+
   .xl\:hidden {
     display: none;
   }
diff --git a/src/plugins/display.js b/src/plugins/display.js
index 3a9922abc..98a5e2203 100644
--- a/src/plugins/display.js
+++ b/src/plugins/display.js
@@ -5,9 +5,6 @@ export default function() {
         '.block': {
           display: 'block',
         },
-        '.contents': {
-          display: 'contents',
-        },
         '.inline-block': {
           display: 'inline-block',
         },
@@ -59,6 +56,9 @@ export default function() {
               '.inline-grid': {
                 display: 'inline-grid',
               },
+              '.contents': {
+                display: 'contents',
+              },
             }),
         '.hidden': {
           display: 'none',