@import '../../style/themes/index';
@import '../../style/mixins/index';

@popconfirm-prefix-cls: ~'@{wd-prefix}-popconfirm';
@popover-prefix-cls: ~'@{wd-prefix}-popover';

.@{popconfirm-prefix-cls} {
  z-index: @zindex-popoconfirm;

  .@{popover-prefix-cls} {
    &-inner {
      padding: @popconfirm-padding-vertical @popconfirm-padding-horizontal;
      background-color: @popconfirm-bg-color;
      border: none;

      // &-content {
      //   color: @popconfirm-content-color;
      // }
    }

    &-arrow-content {
      background-color: @popconfirm-bg-color;
    }

    &-message {
      padding: 0 0 @popconfirm-padding-vertical;

      &-title {
        padding-left: @popconfirm-message-horizontal;
        line-height: @popconfirm-message-line-height;
        color: @popconfirm-message-color;
      }

      > .@{iconfont-css-prefix} {
        font-size: @font-size-lg + 4px;
        left: 0;
        top: 1px;
      }

      &-content {
        font-size: @popconfirm-content-font-size;
        color: @popconfirm-content-color;
        padding: (@popconfirm-padding-vertical / 2) 0 0;
      }
    }
  }
}