Merge pull request #885 from tailwindcss/more-user-select-utilities

Add remaining user select utilities

Author: adamwathan

__tests__/fixtures/tailwind-output-important.css

@@ -7198,6 +7198,18 @@ video {
   user-select: text !important;
 }
 
+.select-all {
+  user-select: all !important;
+}
+
+.select-contain {
+  user-select: contain !important;
+}
+
+.select-auto {
+  user-select: auto !important;
+}
+
 .align-baseline {
   vertical-align: baseline !important;
 }
@@ -14067,6 +14079,18 @@ video {
     user-select: text !important;
   }
 
+  .sm\:select-all {
+    user-select: all !important;
+  }
+
+  .sm\:select-contain {
+    user-select: contain !important;
+  }
+
+  .sm\:select-auto {
+    user-select: auto !important;
+  }
+
   .sm\:align-baseline {
     vertical-align: baseline !important;
   }
@@ -20937,6 +20961,18 @@ video {
     user-select: text !important;
   }
 
+  .md\:select-all {
+    user-select: all !important;
+  }
+
+  .md\:select-contain {
+    user-select: contain !important;
+  }
+
+  .md\:select-auto {
+    user-select: auto !important;
+  }
+
   .md\:align-baseline {
     vertical-align: baseline !important;
   }
@@ -27807,6 +27843,18 @@ video {
     user-select: text !important;
   }
 
+  .lg\:select-all {
+    user-select: all !important;
+  }
+
+  .lg\:select-contain {
+    user-select: contain !important;
+  }
+
+  .lg\:select-auto {
+    user-select: auto !important;
+  }
+
   .lg\:align-baseline {
     vertical-align: baseline !important;
   }
@@ -34677,6 +34725,18 @@ video {
     user-select: text !important;
   }
 
+  .xl\:select-all {
+    user-select: all !important;
+  }
+
+  .xl\:select-contain {
+    user-select: contain !important;
+  }
+
+  .xl\:select-auto {
+    user-select: auto !important;
+  }
+
   .xl\:align-baseline {
     vertical-align: baseline !important;
   }

__tests__/fixtures/tailwind-output.css

@@ -7198,6 +7198,18 @@ video {
   user-select: text;
 }
 
+.select-all {
+  user-select: all;
+}
+
+.select-contain {
+  user-select: contain;
+}
+
+.select-auto {
+  user-select: auto;
+}
+
 .align-baseline {
   vertical-align: baseline;
 }
@@ -14067,6 +14079,18 @@ video {
     user-select: text;
   }
 
+  .sm\:select-all {
+    user-select: all;
+  }
+
+  .sm\:select-contain {
+    user-select: contain;
+  }
+
+  .sm\:select-auto {
+    user-select: auto;
+  }
+
   .sm\:align-baseline {
     vertical-align: baseline;
   }
@@ -20937,6 +20961,18 @@ video {
     user-select: text;
   }
 
+  .md\:select-all {
+    user-select: all;
+  }
+
+  .md\:select-contain {
+    user-select: contain;
+  }
+
+  .md\:select-auto {
+    user-select: auto;
+  }
+
   .md\:align-baseline {
     vertical-align: baseline;
   }
@@ -27807,6 +27843,18 @@ video {
     user-select: text;
   }
 
+  .lg\:select-all {
+    user-select: all;
+  }
+
+  .lg\:select-contain {
+    user-select: contain;
+  }
+
+  .lg\:select-auto {
+    user-select: auto;
+  }
+
   .lg\:align-baseline {
     vertical-align: baseline;
   }
@@ -34677,6 +34725,18 @@ video {
     user-select: text;
   }
 
+  .xl\:select-all {
+    user-select: all;
+  }
+
+  .xl\:select-contain {
+    user-select: contain;
+  }
+
+  .xl\:select-auto {
+    user-select: auto;
+  }
+
   .xl\:align-baseline {
     vertical-align: baseline;
   }

src/plugins/userSelect.js

@@ -4,6 +4,9 @@ export default function() {
       {
         '.select-none': { 'user-select': 'none' },
         '.select-text': { 'user-select': 'text' },
+        '.select-all': { 'user-select': 'all' },
+        '.select-contain': { 'user-select': 'contain' },
+        '.select-auto': { 'user-select': 'auto' },
       },
       variants('userSelect')
     )