From 8cbb56cffe208a30d459ce40d8fe1a28182f5b0e Mon Sep 17 00:00:00 2001
From: Tobias Reich <tobias.reich.ich@gmail.com>
Date: Thu, 9 Jul 2015 14:34:00 +0200
Subject: [PATCH] Simplified will-change

---
 src/styles/_content.scss   | 2 +-
 src/styles/_imageview.scss | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/styles/_content.scss b/src/styles/_content.scss
index e78d500..944cae2 100644
--- a/src/styles/_content.scss
+++ b/src/styles/_content.scss
@@ -70,7 +70,7 @@
 			box-shadow: 0 2px 5px black(.5);
 			border: 1px solid white(.5);
 			transition: opacity .3s ease-out, transform .3s ease-out, border-color .3s ease-out;
-			will-change: transform, opacity, border-color;
+			will-change: transform;
 		}
 
 		&:hover img,
diff --git a/src/styles/_imageview.scss b/src/styles/_imageview.scss
index 6e0b926..08fcceb 100644
--- a/src/styles/_imageview.scss
+++ b/src/styles/_imageview.scss
@@ -32,7 +32,7 @@
 		animation-name: zoomIn;
 		animation-duration: .3s;
 		animation-timing-function: $timingBounce;
-		will-change: top, right, bottom, left, margin-top, opacity, transform;
+		will-change: transform;
 
 		&.small {
 			top: 50%;
@@ -74,7 +74,7 @@
 			opacity: .6;
 			z-index: 2;
 			transition: transform .2s ease-out, opacity .2s ease-out;
-			will-change: transform, opacity;
+			will-change: transform;
 
 			&#previous {
 				left: -1px;