From eb0462ba0edd45ea6ddca0e650804fc7ad7db257 Mon Sep 17 00:00:00 2001
From: Jeff Sandberg <paradox460@gmail.com>
Date: Mon, 22 Feb 2016 21:18:57 -0800
Subject: [PATCH] Add dragOver and dragging styles

---
 src/css/style.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/css/style.css b/src/css/style.css
index 0e44c569d..3d4af6992 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -1615,7 +1615,10 @@ input[type="checkbox"]:checked ~ .checkbox-letter {
   overflow: hidden;
   position: relative;
   text-shadow: 0 0 2px #000;
-  -moz-transition: opacity .25s ease-in-out;
+  -webkit-transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
+  transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
+  transition: opacity .25s ease-in-out, transform .25s ease-in-out;
+  transition: opacity .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
   vertical-align: top;
   background-size: cover;
 }
@@ -1636,9 +1639,15 @@ input[type="checkbox"]:checked ~ .checkbox-letter {
 }
 .qr-preview.drag {
   box-shadow: 0 0 10px rgba(0,0,0,.5);
+  -webkit-transform: scale(.8);
+  transform: scale(.8);
 }
 .qr-preview.over {
   border-color: #fff;
+  -webkit-transform: scale(1.1);
+  transform: scale(1.1);
+  opacity: 0.9;
+  z-index: 10;
 }
 .qr-preview > span {
   color: #fff;