/* ============================================================================
   06-COMPONENTS -> #FILE-UPLOAD
   ========================================================================= */

/**
 * Displays a list of file uploads
 */


//
// SCSS imports
//

@use '../01-settings' as *;
@use '../02-tools' as *;


/**
 * File queue
 */

.file-queue {
    display: grid;
    gap: var(--space-3);
    grid-template-columns: 1fr;
    margin-top: var(--space-6);

    @include media-breakpoint-up('md') {
        grid-template-columns: repeat(2, 1fr);
        margin-top: var(--space-8);
    }
    
    @include media-breakpoint-up('lg') {
        grid-template-columns: repeat(3, 1fr);
    }
}