Dropzones; Dropzone super-basic behavior

This commit is contained in:
James Barnsley
2016-11-10 21:33:23 +13:00
parent d58f6b7e3a
commit fc9f7e7e9a
8 changed files with 164 additions and 21 deletions

View File

@ -1,4 +1,10 @@
.dragging * {
cursor: grabbing !important;
cursor: -moz-grabbing !important;
cursor: -webkit-grabbing !important;
}
.dragger {
position: fixed;
left: 0;
@ -19,12 +25,23 @@
z-index: 9998;
background: rgba(25, 25, 25, 0.9);
.zone {
.dropzone {
@include animate();
margin: 15px;
padding: 50px 20px;
background: $turquoise;
padding: 40px 20px;
background: $dark_grey;
color: #FFFFFF;
font-size: 16px;
font-size: 18px;
text-align: center;
.icon {
display: block;
margin: 0 auto 10px;
width: 32px;
}
&:hover {
background: $turquoise;
}
}
}