//
// Component: Modal
//
// ========================================================================


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

@modal-background:                              fadeout(@global-background, 60%);

@modal-dialog-background:                       lighten(@global-background, 6%);

//
// Master
//

@modal-header-border:                           @global-border;
@modal-footer-border:                           @global-border;

@modal-dialog-box-shadow:                       @global-large-box-shadow;


// Component
// ========================================================================

.hook-modal() {}


// Dialog
// ========================================================================

.hook-modal-dialog() {}


// Full
// ========================================================================

.hook-modal-full() {}


// Sections
// ========================================================================

.hook-modal-header() {}

.hook-modal-body() {}

.hook-modal-footer() {}


// Title
// ========================================================================

.hook-modal-title() {}


// Close
// ========================================================================

.hook-modal-close() {}

.hook-modal-close-hover() {}

.hook-modal-close-default() {}

.hook-modal-close-default-hover() {}

.hook-modal-close-outside() {}

.hook-modal-close-outside-hover() {}

.hook-modal-close-full() {}

.hook-modal-close-full-hover() {}


// Miscellaneous
// ========================================================================

.hook-modal-misc() {}