// // dropzone.scss // Dropzone plugin overrides //
.dropzone {
position: relative; display: flex; flex-direction: column;
}
.dz-message {
padding: 5rem 1rem; background-color: $input-bg; border: $input-border-width dashed $input-border-color; border-radius: $border-radius; text-align: center; color: $text-muted; transition: $transition-base; order: -1; cursor: pointer; z-index: 999; &:hover { border-color: $text-muted; color: $body-color; }
}
.dz-drag-hover .dz-message {
border-color: $primary; color: $primary;
}
.dropzone-multiple .dz-message {
padding-top: 2rem; padding-bottom: 2rem;
}
.dropzone-single.dz-max-files-reached .dz-message {
background-color: fade-out($black, .1); color: white; opacity: 0; &:hover { opacity: 1; }
}
.dz-preview-single {
position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: $border-radius;
}
.dz-preview-cover {
position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: $border-radius;
}
.dz-preview-img {
object-fit: cover; width: 100%; height: 100%; border-radius: $border-radius;
}
.dz-preview-multiple .list-group-item:last-child {
padding-bottom: 0; border-bottom: 0;
}
- data-dz-size
-
strong {
font-weight: $font-weight-normal;
}