From f8b5813e59db12a24f84cb705c70a31c39da7f38 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Thu, 10 Nov 2016 09:58:47 +0100
Subject: [PATCH] prevent flicker on hover

---
 css/reveal.css  | 7 ++++---
 css/reveal.scss | 5 +++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/css/reveal.css b/css/reveal.css
index 691e2f2..32faedb 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -232,7 +232,8 @@ body {
     -webkit-transition: all 0.15s ease, background-color 0.8s ease;
             transition: all 0.15s ease, background-color 0.8s ease;
     -webkit-transform-origin: 3px 50%;
-            transform-origin: 3px 50%; }
+            transform-origin: 3px 50%;
+    will-change: transform; }
   .reveal .controls button:before {
     -webkit-transform: translateX(10.5px) translateY(23px) rotate(44deg);
             transform: translateX(10.5px) translateY(23px) rotate(44deg); }
@@ -371,9 +372,9 @@ body {
   content: '';
   display: block;
   position: absolute;
-  height: 20px;
+  height: 10px;
   width: 100%;
-  top: -20px; }
+  top: -10px; }
 
 .reveal .progress span {
   display: block;
diff --git a/css/reveal.scss b/css/reveal.scss
index c40211b..41d5744 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -299,6 +299,7 @@ body {
 
 		transition: all 0.15s ease, background-color 0.8s ease;
 		transform-origin: $thickness/2 50%;
+		will-change: transform;
 	}
 
 	button {
@@ -453,9 +454,9 @@ body {
 		content: '';
 		display: block;
 		position: absolute;
-		height: 20px;
+		height: 10px;
 		width: 100%;
-		top: -20px;
+		top: -10px;
 	}
 	.reveal .progress span {
 		display: block;