//
// dropify.scss
//

@font-face {
    font-family: "dropify";
    src: url("/assets/fonts/dropify.eot");
    src: url("/assets/fonts/dropify.eot#iefix") format("embedded-opentype"),
        url("/assets/fonts/dropify.woff") format("woff"),
        url("/assets/fonts/dropify.ttf") format("truetype"),
        url("/assets/fonts/dropify.svg#dropify") format("svg");
    font-weight: normal;
    font-style: normal;
}

.dropify-wrapper {
    border: 2px dashed $input-border-color;
    background: $input-bg;
    border-radius: 6px;
    color: $input-color;

    &:hover {
        background-image: linear-gradient(
            -45deg,
            $card-cap-bg 25%,
            transparent 25%,
            transparent 50%,
            $card-cap-bg 50%,
            $card-cap-bg 75%,
            transparent 75%,
            transparent
        );
    }

    .dropify-preview {
        background-color: lighten($gray-200, 5%);
    }
}