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

erikverbeek · Erik Verbeek · web-flow · commit 48d76489387a · 2021-04-03T06:45:52.000-04:00
* Added support for display : inline-table

* Moved the inline-table class to the suggested spot and updated the tests

Co-authored-by: Erik Verbeek &lt;erik@evidencio.com&gt;
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',
         },

Original file line number	Diff line number	Diff line change
`@@ -10812,6 +10812,10 @@ video {`
`10812`	`10812`	`display: table;`
`10813`	`10813`	`}`
`10814`	`10814`
	`10815`	`+.inline-table {`
	`10816`	`+ display: inline-table;`
	`10817`	`+}`
	`10818`	`+`
`10815`	`10819`	`.table-caption {`
`10816`	`10820`	`display: table-caption;`
`10817`	`10821`	`}`
`@@ -39416,6 +39420,10 @@ video {`
`39416`	`39420`	`display: table;`
`39417`	`39421`	`}`
`39418`	`39422`
	`39423`	`+ .sm\:inline-table {`
	`39424`	`+ display: inline-table;`
	`39425`	`+ }`
	`39426`	`+`
`39419`	`39427`	`.sm\:table-caption {`
`39420`	`39428`	`display: table-caption;`
`39421`	`39429`	`}`
`@@ -67977,6 +67985,10 @@ video {`
`67977`	`67985`	`display: table;`
`67978`	`67986`	`}`
`67979`	`67987`
	`67988`	`+ .md\:inline-table {`
	`67989`	`+ display: inline-table;`
	`67990`	`+ }`
	`67991`	`+`
`67980`	`67992`	`.md\:table-caption {`
`67981`	`67993`	`display: table-caption;`
`67982`	`67994`	`}`
`@@ -96538,6 +96550,10 @@ video {`
`96538`	`96550`	`display: table;`
`96539`	`96551`	`}`
`96540`	`96552`
	`96553`	`+ .lg\:inline-table {`
	`96554`	`+ display: inline-table;`
	`96555`	`+ }`
	`96556`	`+`
`96541`	`96557`	`.lg\:table-caption {`
`96542`	`96558`	`display: table-caption;`
`96543`	`96559`	`}`
`@@ -125099,6 +125115,10 @@ video {`
`125099`	`125115`	`display: table;`
`125100`	`125116`	`}`
`125101`	`125117`
	`125118`	`+ .xl\:inline-table {`
	`125119`	`+ display: inline-table;`
	`125120`	`+ }`
	`125121`	`+`
`125102`	`125122`	`.xl\:table-caption {`
`125103`	`125123`	`display: table-caption;`
`125104`	`125124`	`}`
`@@ -153660,6 +153680,10 @@ video {`
`153660`	`153680`	`display: table;`
`153661`	`153681`	`}`
`153662`	`153682`
	`153683`	`+ .\32xl\:inline-table {`
	`153684`	`+ display: inline-table;`
	`153685`	`+ }`
	`153686`	`+`
`153663`	`153687`	`.\32xl\:table-caption {`
`153664`	`153688`	`display: table-caption;`
`153665`	`153689`	`}`
Original file line number	Diff line number	Diff line change
`@@ -9250,6 +9250,10 @@ video {`
`9250`	`9250`	`display: table;`
`9251`	`9251`	`}`
`9252`	`9252`
	`9253`	`+.inline-table {`
	`9254`	`+ display: inline-table;`
	`9255`	`+}`
	`9256`	`+`
`9253`	`9257`	`.table-caption {`
`9254`	`9258`	`display: table-caption;`
`9255`	`9259`	`}`
`@@ -35298,6 +35302,10 @@ video {`
`35298`	`35302`	`display: table;`
`35299`	`35303`	`}`
`35300`	`35304`
	`35305`	`+ .sm\:inline-table {`
	`35306`	`+ display: inline-table;`
	`35307`	`+ }`
	`35308`	`+`
`35301`	`35309`	`.sm\:table-caption {`
`35302`	`35310`	`display: table-caption;`
`35303`	`35311`	`}`
`@@ -61303,6 +61311,10 @@ video {`
`61303`	`61311`	`display: table;`
`61304`	`61312`	`}`
`61305`	`61313`
	`61314`	`+ .md\:inline-table {`
	`61315`	`+ display: inline-table;`
	`61316`	`+ }`
	`61317`	`+`
`61306`	`61318`	`.md\:table-caption {`
`61307`	`61319`	`display: table-caption;`
`61308`	`61320`	`}`
`@@ -87308,6 +87320,10 @@ video {`
`87308`	`87320`	`display: table;`
`87309`	`87321`	`}`
`87310`	`87322`
	`87323`	`+ .lg\:inline-table {`
	`87324`	`+ display: inline-table;`
	`87325`	`+ }`
	`87326`	`+`
`87311`	`87327`	`.lg\:table-caption {`
`87312`	`87328`	`display: table-caption;`
`87313`	`87329`	`}`
`@@ -113313,6 +113329,10 @@ video {`
`113313`	`113329`	`display: table;`
`113314`	`113330`	`}`
`113315`	`113331`
	`113332`	`+ .xl\:inline-table {`
	`113333`	`+ display: inline-table;`
	`113334`	`+ }`
	`113335`	`+`
`113316`	`113336`	`.xl\:table-caption {`
`113317`	`113337`	`display: table-caption;`
`113318`	`113338`	`}`
`@@ -139318,6 +139338,10 @@ video {`
`139318`	`139338`	`display: table;`
`139319`	`139339`	`}`
`139320`	`139340`
	`139341`	`+ .\32xl\:inline-table {`
	`139342`	`+ display: inline-table;`
	`139343`	`+ }`
	`139344`	`+`
`139321`	`139345`	`.\32xl\:table-caption {`
`139322`	`139346`	`display: table-caption;`
`139323`	`139347`	`}`