@import "../variate.less";

.@{elNamespace}-message-box {
  --@{elNamespace}-messagebox-border-radius: var(~'--@{elNamespace}-border-radius-small');
  --@{elNamespace}-messagebox-padding-top: 14px;
  --@{elNamespace}-messagebox-padding-right: 24px;
  padding-bottom: 0;
  // 标题区域padding修改
  &__header {
    border-bottom: 1px solid var(~'--@{elNamespace}-border-color-light');
    padding: var(~'--@{elNamespace}-messagebox-padding-top') var(~'--@{elNamespace}-messagebox-padding-right');
  }
  &__title {
    line-height: 24px;
  }
  &__headerbtn {
    // 关闭icon不是居中，所以无法使用transform居中定位,right也要相应的调整几像素
    // top: 50%;
    // transform: translateY(-50%);
    top: 16px;
    right: 25px;
    .@{elNamespace}-message-box__close {
      font-size: 20px;
    }
  }
  &__content {
    padding: 24px;
  }
  &__btns {
    padding: 16px 24px;
  }
}