Merge pull request tailwindlabs#1247 from benface/flow-root

Add flow-root display utility

Author: adamwathan

__tests__/fixtures/tailwind-output-important.css

@@ -3388,6 +3388,10 @@ video {
   display: inline !important;
 }
 
+.flow-root {
+  display: flow-root !important;
+}
+
 .flex {
   display: flex !important;
 }
@@ -13701,6 +13705,10 @@ video {
     display: inline !important;
   }
 
+  .sm\:flow-root {
+    display: flow-root !important;
+  }
+
   .sm\:flex {
     display: flex !important;
   }
@@ -24015,6 +24023,10 @@ video {
     display: inline !important;
   }
 
+  .md\:flow-root {
+    display: flow-root !important;
+  }
+
   .md\:flex {
     display: flex !important;
   }
@@ -34329,6 +34341,10 @@ video {
     display: inline !important;
   }
 
+  .lg\:flow-root {
+    display: flow-root !important;
+  }
+
   .lg\:flex {
     display: flex !important;
   }
@@ -44643,6 +44659,10 @@ video {
     display: inline !important;
   }
 
+  .xl\:flow-root {
+    display: flow-root !important;
+  }
+
   .xl\:flex {
     display: flex !important;
   }

__tests__/fixtures/tailwind-output.css

@@ -3388,6 +3388,10 @@ video {
   display: inline;
 }
 
+.flow-root {
+  display: flow-root;
+}
+
 .flex {
   display: flex;
 }
@@ -13701,6 +13705,10 @@ video {
     display: inline;
   }
 
+  .sm\:flow-root {
+    display: flow-root;
+  }
+
   .sm\:flex {
     display: flex;
   }
@@ -24015,6 +24023,10 @@ video {
     display: inline;
   }
 
+  .md\:flow-root {
+    display: flow-root;
+  }
+
   .md\:flex {
     display: flex;
   }
@@ -34329,6 +34341,10 @@ video {
     display: inline;
   }
 
+  .lg\:flow-root {
+    display: flow-root;
+  }
+
   .lg\:flex {
     display: flex;
   }
@@ -44643,6 +44659,10 @@ video {
     display: inline;
   }
 
+  .xl\:flow-root {
+    display: flow-root;
+  }
+
   .xl\:flex {
     display: flex;
   }

src/plugins/display.js

@@ -11,6 +11,9 @@ export default function() {
         '.inline': {
           display: 'inline',
         },
+        '.flow-root': {
+          display: 'flow-root',
+        },
         '.flex': {
           display: 'flex',
         },