Iris/src/scss/components/_dragger.scss

.dragging * {
	cursor: grabbing !important;
	cursor: -moz-grabbing !important;
	cursor: -webkit-grabbing !important;
}

.dragger {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	background: $blue;
	color: #FFFFFF;
	padding: 12px 20px;
	pointer-events: none;
}

.dropzones {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
	background: rgba(25, 25, 25, 0.9);

	.dropzone {
		@include animate();
		margin: 15px;
		padding: 40px 20px;
		background: $dark_grey;
		color: #FFFFFF;
		font-size: 18px;
		text-align: center;

		.icon {
			display: block;
			margin: 0 auto 10px;
			width: 32px;
		}

		&:hover {
			background: $turquoise;
		}
	}
}