tntd/lib/popover/index.less

tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

@popover-prefix-cls: ~'@{ant-prefix}-popover';

// Base class
.tnt-popover.@{popover-prefix-cls} {

  &-dark,
  &-light {
    .@{popover-prefix-cls}-title {
      border-bottom: 0px !important;
      padding: 10px 12px 4px !important;
      border-bottom: 0px !important;

    }

    .@{popover-prefix-cls}-inner {
      &-content {
        padding: 0px 12px 12px 12px;
      }
    }
  }

  &-dark {
    .@{popover-prefix-cls}-title {
      color: @popover-color-dark;
    }

    .@{popover-prefix-cls}-inner {
      background-color: @popover-bg-dark;

      &-content {
        color: @popover-color-dark;
      }
    }

    .@{popover-prefix-cls}-arrow {
      border-color: @popover-arrow-color-dark !important;

      &::before {
        background-color: @popover-bg-dark;

      }
    }
  }


  // Arrows
  &-arrow {
    border-radius: 1px;
  }
}


.@{popover-prefix-cls}-arrow-hidden {
  .@{popover-prefix-cls}-arrow {
    display: none;
  }
}