Merge branch 'dangayle-master'

Author: adamwathan

__tests__/fixtures/tailwind-output-important.css

@@ -3657,6 +3657,18 @@ video {
   clear: both !important;
 }
 
+.clear-left {
+  clear: left !important;
+}
+
+.clear-right {
+  clear: right !important;
+}
+
+.clear-both {
+  clear: both !important;
+}
+
 .font-sans {
   font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
 }
@@ -12979,6 +12991,18 @@ video {
     clear: both !important;
   }
 
+  .sm\:clear-left {
+    clear: left !important;
+  }
+
+  .sm\:clear-right {
+    clear: right !important;
+  }
+
+  .sm\:clear-both {
+    clear: both !important;
+  }
+
   .sm\:font-sans {
     font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
   }
@@ -22302,6 +22326,18 @@ video {
     clear: both !important;
   }
 
+  .md\:clear-left {
+    clear: left !important;
+  }
+
+  .md\:clear-right {
+    clear: right !important;
+  }
+
+  .md\:clear-both {
+    clear: both !important;
+  }
+
   .md\:font-sans {
     font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
   }
@@ -31625,6 +31661,18 @@ video {
     clear: both !important;
   }
 
+  .lg\:clear-left {
+    clear: left !important;
+  }
+
+  .lg\:clear-right {
+    clear: right !important;
+  }
+
+  .lg\:clear-both {
+    clear: both !important;
+  }
+
   .lg\:font-sans {
     font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
   }
@@ -40948,6 +40996,18 @@ video {
     clear: both !important;
   }
 
+  .xl\:clear-left {
+    clear: left !important;
+  }
+
+  .xl\:clear-right {
+    clear: right !important;
+  }
+
+  .xl\:clear-both {
+    clear: both !important;
+  }
+
   .xl\:font-sans {
     font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
   }

__tests__/fixtures/tailwind-output.css

@@ -3657,6 +3657,18 @@ video {
   clear: both;
 }
 
+.clear-left {
+  clear: left;
+}
+
+.clear-right {
+  clear: right;
+}
+
+.clear-both {
+  clear: both;
+}
+
 .font-sans {
   font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
@@ -12979,6 +12991,18 @@ video {
     clear: both;
   }
 
+  .sm\:clear-left {
+    clear: left;
+  }
+
+  .sm\:clear-right {
+    clear: right;
+  }
+
+  .sm\:clear-both {
+    clear: both;
+  }
+
   .sm\:font-sans {
     font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   }
@@ -22302,6 +22326,18 @@ video {
     clear: both;
   }
 
+  .md\:clear-left {
+    clear: left;
+  }
+
+  .md\:clear-right {
+    clear: right;
+  }
+
+  .md\:clear-both {
+    clear: both;
+  }
+
   .md\:font-sans {
     font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   }
@@ -31625,6 +31661,18 @@ video {
     clear: both;
   }
 
+  .lg\:clear-left {
+    clear: left;
+  }
+
+  .lg\:clear-right {
+    clear: right;
+  }
+
+  .lg\:clear-both {
+    clear: both;
+  }
+
   .lg\:font-sans {
     font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   }
@@ -40948,6 +40996,18 @@ video {
     clear: both;
   }
 
+  .xl\:clear-left {
+    clear: left;
+  }
+
+  .xl\:clear-right {
+    clear: right;
+  }
+
+  .xl\:clear-both {
+    clear: both;
+  }
+
   .xl\:font-sans {
     font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   }

src/corePlugins.js

@@ -26,6 +26,7 @@ import flexGrow from './plugins/flexGrow'
 import flexShrink from './plugins/flexShrink'
 import order from './plugins/order'
 import float from './plugins/float'
+import clear from './plugins/clear'
 import fontFamily from './plugins/fontFamily'
 import fontWeight from './plugins/fontWeight'
 import height from './plugins/height'
@@ -105,6 +106,7 @@ export default function({ corePlugins: corePluginConfig }) {
     flexShrink,
     order,
     float,
+    clear,
     fontFamily,
     fontWeight,
     height,

src/plugins/clear.js

@@ -0,0 +1,12 @@
+export default function() {
+  return function({ addUtilities, variants }) {
+    addUtilities(
+      {
+        '.clear-left': { clear: 'left' },
+        '.clear-right': { clear: 'right' },
+        '.clear-both': { clear: 'both' },
+      },
+      variants('clear')
+    )
+  }
+}

stubs/defaultConfig.stub.js

@@ -475,6 +475,7 @@ module.exports = {
     flexShrink: ['responsive'],
     flexWrap: ['responsive'],
     float: ['responsive'],
+    clear: ['responsive'],
     fontFamily: ['responsive'],
     fontSize: ['responsive'],
     fontSmoothing: ['responsive'],