@import './../theme/config.scss';

$mainColor: #333;

$prefix: $vender-prefix;
$popover-prefix-cls: #{$prefix}-popover;

.#{$prefix}-tooltip-popover {
  white-space: pre-wrap;

  > .#{$popover-prefix-cls}-content {
    color: white;
    // 确保纯字母或数字时，可以自行换行
    word-wrap: break-word;
    white-space: normal;
    background-color: $mainColor;
  }

  &.#{$popover-prefix-cls}-up {
    &::after {
      border-top-color: $mainColor;
    }
  }

  &.#{$popover-prefix-cls}-down {
    &::after {
      border-bottom-color: $mainColor;
    }
  }

  &.#{$popover-prefix-cls}-left {
    &::after {
      border-left-color: $mainColor;
    }
  }

  &.#{$popover-prefix-cls}-right {
    &::after {
      border-right-color: $mainColor;
    }
  }
}

// confirm
.#{$popover-prefix-cls} {
  &-confirm {
    padding: 0 6px;
  }

  &-message {
    padding: 8px 0 16px;
    font-size: 12px;
    color: #6f6f6f;

    &-title {
      padding-left: 20px;
    }

    &-icon {
      position: absolute;
      top: 16px;
      line-height: 16px;
      color: #ffbf00;
    }
  }

  &-buttons {
    margin-bottom: 8px;
    text-align: right;

    .amos-btn {
      margin-left: 8px;
    }
  }
}