@import '../variables.scss';
@import './variables.scss';
@import '~@alifd/next/lib/core/index-noreset'; // next core style
@import '~@alifd/next/lib/balloon/scss/variable';
@import '~@alifd/next/lib/balloon/scss/mixin';
.#{$css-prefix}balloon {
  padding: $b-design-balloon-padding-complicated;
  &.#{$css-prefix}balloon-primary::after {
    width: $b-design-balloon-arrow-size;
    height: $b-design-balloon-arrow-size;
  }
  &.#{$css-prefix}balloon-normal {
    /* 先设置一个统一的（padding，opacity， box-shadow），然后带标题的再在基础上改（padding）*/
    box-shadow: $b-design-balloon-box-shadow;
    opacity: $b-design-balloon-box-opacity;
    position: relative;
    /* 设置小箭头的大小(两种模式) */
    &.#{$css-prefix}balloon-normal::after {
      height: $b-design-balloon-arrow-size;
      width: $b-design-balloon-arrow-size;
    }
    /* 设置叉叉 */
    .#{$css-prefix}balloon-close {
      position: absolute;
      top: $b-design-balloon-close-top;
      right: $b-design-balloon-close-right;
    }
    /* 设置不带title的content */
    .#{$css-prefix}balloon-content {
      p {
        line-height: $b-design-balloon-content-line-height;
        margin: 0;
      }
    }
    &.#{$css-prefix}add-closable {
      padding-right: $s-10;
    }
    /* 设置带标题的padding*/
    &.#{$css-prefix}balloon-with-title {
      padding: $b-design-balloon-with-title-padding !important;
      .#{$css-prefix}balloon-title {
        opacity: $b-design-balloon-with-title-opacity;
        font-size: $b-design-balloon-with-title-font-size;
        line-height: $b-design-balloon-title-line-height;
        padding: 0 0 $b-design-balloon-with-title-padding 0 !important;
      }
    }
  }
}
.#{$css-prefix}balloon-tooltip {
  opacity: 0.8;
  /* 设置tooltip的小箭头*/
  .#{$css-prefix}balloon-arrow-content {
    width: 6px !important;
    height: 6px !important;
  }
}
.#{$css-prefix}balloon-tooltip {
  opacity: 0.8;
  /* 设置tooltip的小箭头*/
  .#{$css-prefix}balloon-arrow-content {
    width: 6px !important;
    height: 6px !important;
  }
}
