Add new "scrolling-touch" and "scrolling-auto" utilities

Author: reinink

__tests__/fixtures/tailwind.css

@@ -2246,6 +2246,14 @@ button,
   -ms-overflow-style: -ms-autohiding-scrollbar;
 }
 
+.scrolling-touch {
+  -webkit-overflow-scrolling: touch;
+}
+
+.scrolling-auto {
+  -webkit-overflow-scrolling: auto;
+}
+
 .w-1 {
   width: 0.25rem;
 }
@@ -5181,6 +5189,14 @@ button,
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
 
+  .sm\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .sm\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
   .sm\:w-1 {
     width: 0.25rem;
   }
@@ -8117,6 +8133,14 @@ button,
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
 
+  .md\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .md\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
   .md\:w-1 {
     width: 0.25rem;
   }
@@ -11053,6 +11077,14 @@ button,
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
 
+  .lg\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .lg\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
   .lg\:w-1 {
     width: 0.25rem;
   }
@@ -13989,6 +14021,14 @@ button,
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
 
+  .xl\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .xl\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
   .xl\:w-1 {
     width: 0.25rem;
   }

docs/source/_layouts/documentation.blade.php

@@ -3,7 +3,7 @@
 @section('body')
 
 <div class="min-h-screen">
-    <div id="sidebar" class="hidden z-50 fixed pin-y pin-l overflow-y-scroll bg-smoke-light w-4/5 md:w-full md:max-w-xs flex-none border-r-2 border-smoke md:flex flex-col">
+    <div id="sidebar" class="hidden z-50 fixed pin-y pin-l overflow-y-scroll scrolling-touch bg-smoke-light w-4/5 md:w-full md:max-w-xs flex-none border-r-2 border-smoke md:flex flex-col">
         <div class="border-b border-smoke flex-none px-8 py-6">
             <div class="hidden md:flex md:justify-center mb-4">
                 <a href="/" class="flex justify-center">

src/generators/overflow.js

@@ -8,5 +8,7 @@ export default function() {
     'overflow-scroll': { overflow: 'scroll' },
     'overflow-x-scroll': { 'overflow-x': 'auto', '-ms-overflow-style': '-ms-autohiding-scrollbar' },
     'overflow-y-scroll': { 'overflow-y': 'auto', '-ms-overflow-style': '-ms-autohiding-scrollbar' },
+    'scrolling-touch': { '-webkit-overflow-scrolling': 'touch' },
+    'scrolling-auto': { '-webkit-overflow-scrolling': 'auto' },
   })
 }