/* ========================================================================
   Component: placeholder.less
 ========================================================================== */
 
// Defines styles for placeholder boxes
// Create a placeholder space that can be used for uploading files via drag and drop.
// Based on uikit placeholder addon
// ========================================================================


// Variables
// ========================================================================

@placeholder-margin-vertical:                   15px;
@placeholder-padding:                           20px;
@placeholder-border:                            #ddd;
@placeholder-background:                        #fafafa;
@placeholder-color:                             #444;

@placeholder-large-padding-vertical:            80px;


// Placeholder container
.box-placeholder {
    margin-bottom: @placeholder-margin-vertical;
    padding: @placeholder-padding;
    border: 1px dashed @placeholder-border;
    background: @placeholder-background;
    color: @placeholder-color;
}


// Remove margin from the last-child 

.box-placeholder > :last-child { margin-bottom: 0; }

// Variant

.box-placeholder-lg {
    padding-top: @placeholder-large-padding-vertical;
    padding-bottom: @placeholder-large-padding-vertical;
}