@import '../utils.scss';
@import './variables.scss';
@import '~@alifd/next/lib/core/index-noreset'; // next core style
@import '~@alifd/next/lib/dialog/scss/variable'; // next dialog variables
@import '~@alifd/next/lib/button/scss/variable'; // next button variables

#{$dialog-prefix} {
  &:not(&-quick) {
    min-width: 340px;
  }

  &.#{$css-prefix}xs &-btn+&-btn,
  &.#{$css-prefix}small &-btn+&-btn,
  &#{$dialog-prefix}-quick &-btn+&-btn {
    margin-left: $b-design-dialog-footer-small-button-spacing;
  }

  &-body {
    padding: $b-design-dialog-default-padding $b-design-dialog-default-padding 0 $b-design-dialog-default-padding;

    .#{$css-prefix}message {
      .#{$css-prefix}message-content {
        padding-left: 0;
        padding-right: 0;
      }
    }
  }

  &-footer {
    padding: $s-12 $s-6 $s-6 $s-6;

    &.#{$css-prefix}align-center {
      display: flex;
      flex-direction: row;
      justify-content: center;

      #{$btn-prefix} {
        flex-grow: 1;
      }
    }

    &.#{$css-prefix}align-right {
      padding-right: $b-design-dialog-default-padding;
    }
  }

  &-quick {
    #{$dialog-prefix}-footer {
      padding: $b-design-qick-dialog-foot-padding;
    }
  }

  &-nofooter {
    #{$dialog-prefix}-body {
      margin-bottom: $b-design-qick-dialog-nofoot-margin-b;
    }
  }

  &.#{$css-prefix}xs {
    width: 480px;

    #{$dialog-prefix}-body {
      min-height: 34px;
    }
  }

  &.#{$css-prefix}small {

    #{$dialog-prefix}-body {
      min-height: 148px;
    }
  }


  &.#{$css-prefix}middle {
    #{$dialog-prefix}-body {
      min-height: 170px;
    }
  }

  &.#{$css-prefix}large {
    #{$dialog-prefix}-body {
      min-height: 312px;
    }
  }

  &.#{$css-prefix}fullscreen {
    #{$dialog-prefix}-body {
      min-height: 554px;
    }
  }

  &.#{$css-prefix}middle,
  &.#{$css-prefix}large {
    width: 640px;

    #{$dialog-prefix} {
      &-body {
        padding-left: $s-15;
        padding-right: $s-15;
      }

      &-footer {
        padding-left: $s-15;
        padding-right: $s-15;
      }
    }

  }

  &.#{$css-prefix}large {
    width: 800px;
  }


}