// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

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


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

@modal-z-index:                                 @global-z-index + 10;

@modal-dialog-background:                       @global-background;

@modal-header-margin-bottom:                    @global-margin;

@modal-footer-margin-top:                       @global-margin;

@modal-caption-color:                           @global-contrast-color;
@modal-caption-margin-bottom:                   -55px;

//
// New
//

@modal-border-radius:                           3px;

@modal-close-size:                              42px;
@modal-close-icon-size:                         24px;


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

.hook-modal() {}


// Sub-object: `uk-modal-dialog`
// ========================================================================

.hook-modal-dialog() { border-radius: @modal-border-radius; }


// Modifier: `uk-modal-dialog-lightbox`
// ========================================================================

.hook-modal-dialog-lightbox() { border-radius: 0; }


// Sub-object: `uk-modal-header`
// ========================================================================

.hook-modal-header() { border-radius: @modal-border-radius @modal-border-radius 0 0; }


// Sub-object: `uk-modal-footer`
// ========================================================================

.hook-modal-footer() { border-radius: 0 0 @modal-border-radius @modal-border-radius; }


// Sub-object: `uk-modal-caption`
// ========================================================================

.hook-modal-caption() {}


// Sub-object: `uk-modal-spinner`
// ========================================================================

.hook-modal-spinner() { color: @global-primary-color; }


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

.hook-modal-misc() {

    // Close icon size for uk-modal-blank
    .uk-modal-dialog-blank .uk-modal-close {
        width: @modal-close-size;
        line-height: @modal-close-size;
    }

    .uk-modal-dialog-blank .uk-modal-close::after { font-size: @modal-close-icon-size; }

}