From f42b3c59062fe88a9cb8f2e4913a50bcda4bfa69 Mon Sep 17 00:00:00 2001
From: Benjamin Knight <ben@benknight.me>
Date: Mon, 11 May 2015 13:29:58 -0700
Subject: [PATCH 1/3] Prevent touch scrolling wonkiness on Chrome for Android

---
 assets/timber.scss.liquid | 1 +
 1 file changed, 1 insertion(+)

diff --git a/assets/timber.scss.liquid b/assets/timber.scss.liquid
index 8b6bd40d2..b6fa103a4 100755
--- a/assets/timber.scss.liquid
+++ b/assets/timber.scss.liquid
@@ -1959,6 +1959,7 @@ label.error {
 ==============================================================================*/
 .js-drawer-open {
   overflow: hidden;
+  height: 100%;
 }
 
 .drawer {

From 820f48649304b71a7d6901633d15c834966f5d45 Mon Sep 17 00:00:00 2001
From: Benjamin Knight <ben@benknight.me>
Date: Mon, 11 May 2015 19:14:17 -0700
Subject: [PATCH 2/3] Hardware-accelerating drawers

---
 assets/timber.scss.liquid | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/assets/timber.scss.liquid b/assets/timber.scss.liquid
index b6fa103a4..4861d91ab 100755
--- a/assets/timber.scss.liquid
+++ b/assets/timber.scss.liquid
@@ -1963,6 +1963,7 @@ label.error {
 }
 
 .drawer {
+  will-change: transform;
   display: none;
   position: fixed;
   overflow-y: auto;
@@ -2027,6 +2028,7 @@ label.error {
 }
 
 .is-moved-by-drawer {
+  will-change: transform;
   @include transition($drawerTransition);
 
   .js-drawer-open-left & {

From 8a8cc6113cea7bb653cab5c694be4a22cd31e9e0 Mon Sep 17 00:00:00 2001
From: Benjamin Knight <ben@benknight.me>
Date: Thu, 4 Jun 2015 10:58:48 -0700
Subject: [PATCH 3/3] Adding promote-layer mixin

---
 assets/timber.scss.liquid | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/assets/timber.scss.liquid b/assets/timber.scss.liquid
index 5fb1d7aca..c5796ed31 100755
--- a/assets/timber.scss.liquid
+++ b/assets/timber.scss.liquid
@@ -243,6 +243,14 @@ $socialIconFontStack: 'icons';
   }
 }
 
+/*============================================================================
+  Layer promotion mixin for creating smoother animations with higher FPS.
+==============================================================================*/
+@mixin promote-layer($properties: transform) {
+  -webkit-transform: translateZ(0); // translateZ hack
+  will-change: $properties; // spec
+}
+
 /*============================================================================
   Dependency-free breakpoint mixin
     - Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
@@ -2051,7 +2059,7 @@ label.error {
 }
 
 .drawer {
-  will-change: transform;
+  @include promote-layer();
   display: none;
   position: fixed;
   overflow-y: auto;
@@ -2116,7 +2124,7 @@ label.error {
 }
 
 .is-moved-by-drawer {
-  will-change: transform;
+  @include promote-layer();
   transition: $drawerTransition;
 
   .js-drawer-open-left & {