Remove clearfix utility (#2766)

Author: adamwathan

__tests__/fixtures/tailwind-output-flagged.css

@@ -11417,12 +11417,6 @@ video {
   float: none;
 }
 
-.clearfix:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
 .clear-left {
   clear: left;
 }
@@ -40227,12 +40221,6 @@ video {
     float: none;
   }
 
-  .sm\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .sm\:clear-left {
     clear: left;
   }
@@ -69007,12 +68995,6 @@ video {
     float: none;
   }
 
-  .md\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .md\:clear-left {
     clear: left;
   }
@@ -97787,12 +97769,6 @@ video {
     float: none;
   }
 
-  .lg\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .lg\:clear-left {
     clear: left;
   }
@@ -126567,12 +126543,6 @@ video {
     float: none;
   }
 
-  .xl\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .xl\:clear-left {
     clear: left;
   }
@@ -155347,12 +155317,6 @@ video {
     float: none;
   }
 
-  .\32xl\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .\32xl\:clear-left {
     clear: left;
   }

__tests__/fixtures/tailwind-output-important.css

@@ -11417,12 +11417,6 @@ video {
   float: none !important;
 }
 
-.clearfix:after {
-  content: "" !important;
-  display: table !important;
-  clear: both !important;
-}
-
 .clear-left {
   clear: left !important;
 }
@@ -40227,12 +40221,6 @@ video {
     float: none !important;
   }
 
-  .sm\:clearfix:after {
-    content: "" !important;
-    display: table !important;
-    clear: both !important;
-  }
-
   .sm\:clear-left {
     clear: left !important;
   }
@@ -69007,12 +68995,6 @@ video {
     float: none !important;
   }
 
-  .md\:clearfix:after {
-    content: "" !important;
-    display: table !important;
-    clear: both !important;
-  }
-
   .md\:clear-left {
     clear: left !important;
   }
@@ -97787,12 +97769,6 @@ video {
     float: none !important;
   }
 
-  .lg\:clearfix:after {
-    content: "" !important;
-    display: table !important;
-    clear: both !important;
-  }
-
   .lg\:clear-left {
     clear: left !important;
   }
@@ -126567,12 +126543,6 @@ video {
     float: none !important;
   }
 
-  .xl\:clearfix:after {
-    content: "" !important;
-    display: table !important;
-    clear: both !important;
-  }
-
   .xl\:clear-left {
     clear: left !important;
   }
@@ -155347,12 +155317,6 @@ video {
     float: none !important;
   }
 
-  .\32xl\:clearfix:after {
-    content: "" !important;
-    display: table !important;
-    clear: both !important;
-  }
-
   .\32xl\:clear-left {
     clear: left !important;
   }

__tests__/fixtures/tailwind-output-no-color-opacity.css

@@ -9855,12 +9855,6 @@ video {
   float: none;
 }
 
-.clearfix:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
 .clear-left {
   clear: left;
 }
@@ -36109,12 +36103,6 @@ video {
     float: none;
   }
 
-  .sm\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .sm\:clear-left {
     clear: left;
   }
@@ -62333,12 +62321,6 @@ video {
     float: none;
   }
 
-  .md\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .md\:clear-left {
     clear: left;
   }
@@ -88557,12 +88539,6 @@ video {
     float: none;
   }
 
-  .lg\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .lg\:clear-left {
     clear: left;
   }
@@ -114781,12 +114757,6 @@ video {
     float: none;
   }
 
-  .xl\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .xl\:clear-left {
     clear: left;
   }
@@ -141005,12 +140975,6 @@ video {
     float: none;
   }
 
-  .\32xl\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .\32xl\:clear-left {
     clear: left;
   }

__tests__/fixtures/tailwind-output.css

@@ -11417,12 +11417,6 @@ video {
   float: none;
 }
 
-.clearfix:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
 .clear-left {
   clear: left;
 }
@@ -40227,12 +40221,6 @@ video {
     float: none;
   }
 
-  .sm\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .sm\:clear-left {
     clear: left;
   }
@@ -69007,12 +68995,6 @@ video {
     float: none;
   }
 
-  .md\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .md\:clear-left {
     clear: left;
   }
@@ -97787,12 +97769,6 @@ video {
     float: none;
   }
 
-  .lg\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .lg\:clear-left {
     clear: left;
   }
@@ -126567,12 +126543,6 @@ video {
     float: none;
   }
 
-  .xl\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .xl\:clear-left {
     clear: left;
   }
@@ -155347,12 +155317,6 @@ video {
     float: none;
   }
 
-  .\32xl\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
   .\32xl\:clear-left {
     clear: left;
   }

src/plugins/float.js

@@ -5,11 +5,6 @@ export default function () {
         '.float-right': { float: 'right' },
         '.float-left': { float: 'left' },
         '.float-none': { float: 'none' },
-        '.clearfix:after': {
-          content: '""',
-          display: 'table',
-          clear: 'both',
-        },
       },
       variants('float')
     )