Add dragOver and dragging styles

This commit is contained in:
Jeff Sandberg 2016-02-22 21:18:57 -08:00
parent b47f0c1939
commit eb0462ba0e

View File

@ -1615,7 +1615,10 @@ input[type="checkbox"]:checked ~ .checkbox-letter {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
text-shadow: 0 0 2px #000; 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; vertical-align: top;
background-size: cover; background-size: cover;
} }
@ -1636,9 +1639,15 @@ input[type="checkbox"]:checked ~ .checkbox-letter {
} }
.qr-preview.drag { .qr-preview.drag {
box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5);
-webkit-transform: scale(.8);
transform: scale(.8);
} }
.qr-preview.over { .qr-preview.over {
border-color: #fff; border-color: #fff;
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 0.9;
z-index: 10;
} }
.qr-preview > span { .qr-preview > span {
color: #fff; color: #fff;