@modal-dialog-border-radius: @global-border-radius;

@modal-body-padding-horizontal: @global-medium-gutter;
@modal-body-padding-vertical: @global-medium-gutter;

@modal-header-padding-horizontal: @global-medium-gutter;
@modal-header-padding-vertical: @global-gutter;
@modal-header-background: @global-background;
@modal-header-border-width: @global-border-width;
@modal-header-border: @global-border;

@modal-footer-padding-horizontal: @global-medium-gutter;
@modal-footer-padding-vertical: @global-medium-gutter;
@modal-footer-background: @global-background;
@modal-footer-border-width: @global-border-width;
@modal-footer-border: @global-border;

@modal-close-position: @global-medium-gutter;

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

.hook-modal-header() {
  border-bottom: @modal-header-border-width solid @modal-header-border;
  border-radius: @modal-dialog-border-radius @modal-dialog-border-radius 0 0;
}

.hook-modal-footer() {
  border-top: @modal-footer-border-width solid @modal-footer-border;
  border-radius: 0 0 @modal-dialog-border-radius @modal-dialog-border-radius;
}

.hook-modal-misc() {
  .uk-modal {

    .uk-button {
      box-shadow: none !important;
    }

    .uk-button-default {
      border-color: @button-default-color;

      &:hover {
        border-color: @button-default-hover-color;
      }

      &:active {
        border-color: @button-default-active-color;
      }
    }
  }
}