From 3d688f5a02e9226b017462891ad52d3c1f2bc38a Mon Sep 17 00:00:00 2001
From: cbracco <chris@cbracco.me>
Date: Mon, 20 Oct 2014 20:55:25 -0400
Subject: [PATCH] added -webkit-overflow-scrolling: touch; for a smoother
 overflow scrolling experience on iOS

---
 css/fluidity.css                |  3 ++-
 css/fluidity.min.css            |  2 +-
 sass/_responsive-utilities.scss | 17 +++++++++--------
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/css/fluidity.css b/css/fluidity.css
index 271d53f..26d6dac 100644
--- a/css/fluidity.css
+++ b/css/fluidity.css
@@ -13,7 +13,8 @@ img, canvas, iframe, video, svg, select, textarea {
 
 /* Wrap tables or pre elements in a div with this class */
 .overflow-container {
-  overflow-y: scroll; }
+  overflow-y: scroll;
+  -webkit-overflow-scrolling: touch; }
 
 /*
   Aspect ratios for media objects i.e canvas, iframe, video, svg etc.
diff --git a/css/fluidity.min.css b/css/fluidity.min.css
index bfaee1d..e2c4efc 100644
--- a/css/fluidity.min.css
+++ b/css/fluidity.min.css
@@ -1 +1 @@
-canvas,iframe,img,select,svg,textarea,video{max-width:100%}.overflow-container{overflow-y:scroll}.aspect-ratio{height:0;padding-top:56.25%;position:relative}.aspect-ratio--object{height:100%;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;z-index:100}
\ No newline at end of file
+canvas,iframe,img,select,svg,textarea,video{max-width:100%}.overflow-container{overflow-y:scroll;-webkit-overflow-scrolling: touch}.aspect-ratio{height:0;padding-top:56.25%;position:relative}.aspect-ratio--object{height:100%;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;z-index:100}
diff --git a/sass/_responsive-utilities.scss b/sass/_responsive-utilities.scss
index 5fb3c0a..d3c01af 100644
--- a/sass/_responsive-utilities.scss
+++ b/sass/_responsive-utilities.scss
@@ -4,20 +4,21 @@
 
 */
 
-img, 
-canvas, 
-iframe, 
-video, 
-svg, 
-select, 
-textarea { 
-  max-width: 100%; 
+img,
+canvas,
+iframe,
+video,
+svg,
+select,
+textarea {
+  max-width: 100%;
 }
 
 /* Wrap tables or pre elements in a div with this class */
 
 .overflow-container {
   overflow-y: scroll;
+  -webkit-overflow-scrolling: touch;
 }
 
 /*