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;
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;