Merge pull request #177 from nothingworksinc/pointer-events

Add pointer events utilities

dist/tailwind.css

@@ -545,6 +545,33 @@ fieldset {
   padding: 0.35em 0.625em 0.75em;
 }
 
+textarea {
+  resize: vertical;
+}
+
+img {
+  max-width: 100%;
+}
+
+svg {
+  fill: currentColor;
+}
+
+input {
+  font-family: inherit;
+}
+
+input::placeholder {
+  color: inherit;
+  opacity: .7;
+}
+
+button,
+[role=button] {
+  font-family: inherit;
+  cursor: pointer;
+}
+
 .container {
   width: 100%;
 }
@@ -3146,6 +3173,14 @@ fieldset {
   user-select: text;
 }
 
+.pointer-events-none {
+  pointer-events: none;
+}
+
+.pointer-events-auto {
+  pointer-events: auto;
+}
+
 .resize-none {
   resize: none;
 }
@@ -5736,6 +5771,14 @@ fieldset {
     user-select: text;
   }
 
+  .sm\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .sm\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
   .sm\:resize-none {
     resize: none;
   }
@@ -8327,6 +8370,14 @@ fieldset {
     user-select: text;
   }
 
+  .md\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .md\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
   .md\:resize-none {
     resize: none;
   }
@@ -10918,6 +10969,14 @@ fieldset {
     user-select: text;
   }
 
+  .lg\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .lg\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
   .lg\:resize-none {
     resize: none;
   }
@@ -13509,6 +13568,14 @@ fieldset {
     user-select: text;
   }
 
+  .xl\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .xl\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
   .xl\:resize-none {
     resize: none;
   }
@@ -13526,4 +13593,4 @@ fieldset {
   }
 }
 
-/*# sourceMappingURL=tailwind.css.map */
+/*# sourceMappingURL=tailwind.css.map */

src/generators/pointerEvents.js

@@ -0,0 +1,8 @@
+import defineClasses from '../util/defineClasses'
+
+export default function() {
+  return defineClasses({
+    'pointer-events-none': { 'pointer-events': 'none' },
+    'pointer-events-auto': { 'pointer-events': 'auto' },
+  })
+}

src/lib/generateUtilities.js

@@ -14,6 +14,7 @@ import flex from '../generators/flex'
 import floats from '../generators/floats'
 import opacity from '../generators/opacity'
 import overflow from '../generators/overflow'
+import pointerEvents from '../generators/pointerEvents'
 import position from '../generators/position'
 import resize from '../generators/resize'
 import responsive from '../util/responsive'
@@ -71,6 +72,7 @@ export default function(options) {
           zIndex(options),
           opacity(options),
           userSelect(options),
+          pointerEvents(options),
           resize(options),
           cursor(options),
         ])