53 lines
763 B
SCSS
53 lines
763 B
SCSS
|
@import "foundation/base", "foundation/components/forms";
|
||
|
|
|
||
|
|
.preview {
|
||
|
|
max-height: 75px;
|
||
|
|
display: inline-block;
|
||
|
|
margin: 10px 5px 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.drop_zone {
|
||
|
|
filter: alpha(opacity=50);
|
||
|
|
opacity: 0.2;
|
||
|
|
font-size: 3em;
|
||
|
|
padding: 20px;
|
||
|
|
border: 3px dashed;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.upload-form output {
|
||
|
|
margin-top: 1.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.upload-form output ul {
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.upload-form output li.row {
|
||
|
|
margin-bottom: 2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.upload-form output textarea {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.image-preview canvas {
|
||
|
|
margin-bottom: 1em;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.image-preview {
|
||
|
|
margin-bottom: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media #{$large} {
|
||
|
|
.drop_zone {
|
||
|
|
font-size: 6em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.upload-form-preview label {
|
||
|
|
@include form-label(right,false);
|
||
|
|
@include form-label(inline,false);
|
||
|
|
}
|
||
|
|
}
|