cobuild-angular-stack
Version:
Base stack angular sass jade gulp
53 lines (46 loc) • 853 B
text/less
.drop-zone {
border: 2px dashed rgba(0, 0, 0, .3);
border-radius: 20px;
text-align: center;
position: relative;
font-size: 20px;
color: rgba(0, 0, 0, .3);
.input-uploader {
position: absolute;
opacity: 0;
height: 100%;
width: 100%;
cursor: pointer;
left: 0px;
top: 0px;
}
.placeholder{
position: absolute;
top: 50%;
left: 0;
text-align: center;
}
&.mouse-over {
border: 2px dashed rgba(0, 0, 0, .5);
color: rgba(0, 0, 0, .5);
}
}
/*If you dont want the button*/
#clickHere {
position: absolute;
cursor: pointer;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: 20px;
line-height: 26px;
color: white;
font-size: 12px;
width: 100px;
height: 26px;
border-radius: 4px;
background-color: #3b85c3;
&:hover {
background-color: #4499DD;
}
}