Added support for display : inline-table (#3563)

* Added support for display : inline-table * Moved the inline-table class to the suggested spot and updated the tests Co-authored-by: Erik Verbeek <erik@evidencio.com>
tailwindlabs · Apr 3, 2021 · 48d7648 · 48d7648
1 parent 9e705db
commit 48d7648
Show file tree

Hide file tree

Showing 5 changed files with 99 additions and 0 deletions.
diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
@@ -10812,6 +10812,10 @@ video {
   display: table;
 }
 
+.inline-table {
+  display: inline-table;
+}
+
 .table-caption {
   display: table-caption;
 }
@@ -39416,6 +39420,10 @@ video {
     display: table;
   }
 
+  .sm\:inline-table {
+    display: inline-table;
+  }
+
   .sm\:table-caption {
     display: table-caption;
   }
@@ -67977,6 +67985,10 @@ video {
     display: table;
   }
 
+  .md\:inline-table {
+    display: inline-table;
+  }
+
   .md\:table-caption {
     display: table-caption;
   }
@@ -96538,6 +96550,10 @@ video {
     display: table;
   }
 
+  .lg\:inline-table {
+    display: inline-table;
+  }
+
   .lg\:table-caption {
     display: table-caption;
   }
@@ -125099,6 +125115,10 @@ video {
     display: table;
   }
 
+  .xl\:inline-table {
+    display: inline-table;
+  }
+
   .xl\:table-caption {
     display: table-caption;
   }
@@ -153660,6 +153680,10 @@ video {
     display: table;
   }
 
+  .\32xl\:inline-table {
+    display: inline-table;
+  }
+
   .\32xl\:table-caption {
     display: table-caption;
   }

diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
@@ -10812,6 +10812,10 @@ video {
   display: table !important;
 }
 
+.inline-table {
+  display: inline-table !important;
+}
+
 .table-caption {
   display: table-caption !important;
 }
@@ -39416,6 +39420,10 @@ video {
     display: table !important;
   }
 
+  .sm\:inline-table {
+    display: inline-table !important;
+  }
+
   .sm\:table-caption {
     display: table-caption !important;
   }
@@ -67977,6 +67985,10 @@ video {
     display: table !important;
   }
 
+  .md\:inline-table {
+    display: inline-table !important;
+  }
+
   .md\:table-caption {
     display: table-caption !important;
   }
@@ -96538,6 +96550,10 @@ video {
     display: table !important;
   }
 
+  .lg\:inline-table {
+    display: inline-table !important;
+  }
+
   .lg\:table-caption {
     display: table-caption !important;
   }
@@ -125099,6 +125115,10 @@ video {
     display: table !important;
   }
 
+  .xl\:inline-table {
+    display: inline-table !important;
+  }
+
   .xl\:table-caption {
     display: table-caption !important;
   }
@@ -153660,6 +153680,10 @@ video {
     display: table !important;
   }
 
+  .\32xl\:inline-table {
+    display: inline-table !important;
+  }
+
   .\32xl\:table-caption {
     display: table-caption !important;
   }

diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -9250,6 +9250,10 @@ video {
   display: table;
 }
 
+.inline-table {
+  display: inline-table;
+}
+
 .table-caption {
   display: table-caption;
 }
@@ -35298,6 +35302,10 @@ video {
     display: table;
   }
 
+  .sm\:inline-table {
+    display: inline-table;
+  }
+
   .sm\:table-caption {
     display: table-caption;
   }
@@ -61303,6 +61311,10 @@ video {
     display: table;
   }
 
+  .md\:inline-table {
+    display: inline-table;
+  }
+
   .md\:table-caption {
     display: table-caption;
   }
@@ -87308,6 +87320,10 @@ video {
     display: table;
   }
 
+  .lg\:inline-table {
+    display: inline-table;
+  }
+
   .lg\:table-caption {
     display: table-caption;
   }
@@ -113313,6 +113329,10 @@ video {
     display: table;
   }
 
+  .xl\:inline-table {
+    display: inline-table;
+  }
+
   .xl\:table-caption {
     display: table-caption;
   }
@@ -139318,6 +139338,10 @@ video {
     display: table;
   }
 
+  .\32xl\:inline-table {
+    display: inline-table;
+  }
+
   .\32xl\:table-caption {
     display: table-caption;
   }

diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
@@ -10812,6 +10812,10 @@ video {
   display: table;
 }
 
+.inline-table {
+  display: inline-table;
+}
+
 .table-caption {
   display: table-caption;
 }
@@ -39416,6 +39420,10 @@ video {
     display: table;
   }
 
+  .sm\:inline-table {
+    display: inline-table;
+  }
+
   .sm\:table-caption {
     display: table-caption;
   }
@@ -67977,6 +67985,10 @@ video {
     display: table;
   }
 
+  .md\:inline-table {
+    display: inline-table;
+  }
+
   .md\:table-caption {
     display: table-caption;
   }
@@ -96538,6 +96550,10 @@ video {
     display: table;
   }
 
+  .lg\:inline-table {
+    display: inline-table;
+  }
+
   .lg\:table-caption {
     display: table-caption;
   }
@@ -125099,6 +125115,10 @@ video {
     display: table;
   }
 
+  .xl\:inline-table {
+    display: inline-table;
+  }
+
   .xl\:table-caption {
     display: table-caption;
   }
@@ -153660,6 +153680,10 @@ video {
     display: table;
   }
 
+  .\32xl\:inline-table {
+    display: inline-table;
+  }
+
   .\32xl\:table-caption {
     display: table-caption;
   }

diff --git a/src/plugins/display.js b/src/plugins/display.js
@@ -20,6 +20,9 @@ export default function () {
         '.table': {
           display: 'table',
         },
+        '.inline-table': {
+          display: 'inline-table',
+        },
         '.table-caption': {
           display: 'table-caption',
         },