@mixin uploadForm() {
    &--file-upload{
        position: relative;
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }
    p{
        margin: 5px 0;
    }
    &--file-preview{
        text-align: left;
        overflow: auto;
        width: 100%;
        border: none;
        resize: none;
        flex-grow: 1;
        min-height: 150px;
    }
    &--file-drop{
        padding: 30px;
        position: relative;
        background-color: #eeeeee;
        color: #999999;
        outline: 2px dashed #999999;
        outline-offset: -10px;
        transition: outline-offset .15s ease-in-out, background-color .15s linear;
        text-align: center;
        &:hover{
            outline-offset: -20px;
            outline-color: #cccccc;
            background-color: #ffffff;
        }
        &__cover{
            flex-grow: 1;
        }

    }
    &--upload-link{
        font-size: 1.25rem;
    }
    &--file-input{
        width: 100%;
        height: 100%;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
    }
    &--file-label{
        position: relative;
        cursor: pointer;
        color: #666666;
        &:hover{
            color: #999999;
        }
    }
    &--upload-actions{
        padding: 24px;
    }
    &--form-cancel,
    &--form-save{
        padding: 8px 15px;
        border: none;
        background: #999999;
        color: #ffffff;
        cursor: pointer;
        &:hover{
            background: rgba(0, 0, 0, 0.15);
        }
    }
    &--upload-error{    
        background-color: #cc0000;
        font-size: .85em;
        color: #fff;
        padding: 3px 5px;
    }
    &--upload-actions{ 
        text-align: center;
    }  
}
