utility to make both axes resizables

Author: agustinprod

__tests__/fixtures/tailwind-output.css

@@ -3498,6 +3498,10 @@ button,
   resize: horizontal;
 }
 
+.resize {
+  resize: both;
+}
+
 .shadow {
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
 }
@@ -7377,6 +7381,10 @@ button,
     resize: horizontal;
   }
 
+  .sm\:resize {
+    resize: both;
+  }
+
   .sm\:shadow {
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
   }
@@ -11249,6 +11257,10 @@ button,
     resize: horizontal;
   }
 
+  .md\:resize {
+    resize: both;
+  }
+
   .md\:shadow {
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
   }
@@ -15121,6 +15133,10 @@ button,
     resize: horizontal;
   }
 
+  .lg\:resize {
+    resize: both;
+  }
+
   .lg\:shadow {
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
   }
@@ -18993,6 +19009,10 @@ button,
     resize: horizontal;
   }
 
+  .xl\:resize {
+    resize: both;
+  }
+
   .xl\:shadow {
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
   }

docs/source/docs/resize.blade.md

@@ -1,7 +1,7 @@
 ---
 extends: _layouts.documentation
 title: "Resize"
-description: "Utilities for controlling the how a textarea can be resized."
+description: "Utilities for controlling the how an element can be resized."
 features:
   responsive: true
   customizable: false
@@ -17,17 +17,22 @@ features:
     [
       '.resize-none',
       'resize: none;',
-      "Make a textarea not resizable.",
+      "Make a element not resizable.",
+    ],
+    [
+      '.resize',
+      'resize: both;',
+      "Make a element resizable in both axes.",
     ],
     [
       '.resize-y',
       'resize: vertical;',
-      "Make a textarea resizable vertically.",
+      "Make a element resizable vertically.",
     ],
     [
       '.resize-x',
       'resize: horizontal;',
-      "Make a textarea resizable horizontally.",
+      "Make a element resizable horizontally.",
     ],
   ]
 ])

src/generators/resize.js

@@ -5,5 +5,6 @@ export default function() {
     'resize-none': { resize: 'none' },
     'resize-y': { resize: 'vertical' },
     'resize-x': { resize: 'horizontal' },
+    resize: { resize: 'both' },
   })
 }