other / mew-iview

  @tooltip-prefix-cls: ~"@{css-prefix}tooltip";

  @tooltip-arrow: ~"@{tooltip-prefix-cls}-arrow";

  @tooltip-max-width: 250px;
  @tooltip-arrow-width: 5px;
  @tooltip-distance: @tooltip-arrow-width - 1 + 4;

  @poptip-arrow-color: hsla(0,0%,85%,.5);

  
  .@{tooltip-prefix-cls} {
      display: inline-block;
  

      &-rel{
          display: inline-block;
          position: relative;
      }
  

      &-popper{

          .popper(@tooltip-arrow, @tooltip-arrow-width, @tooltip-distance, @tooltip-bg);

      }

      &-light&-popper{
          .popper(@tooltip-arrow, @tooltip-arrow-width, @tooltip-distance, @poptip-arrow-color);
      }
  

  
      &-inner{
          max-width: @tooltip-max-width;
          min-height: 34px;

          padding: 8px 12px;

          color: @tooltip-color;
          text-align: left;
          text-decoration: none;
          background-color: @tooltip-bg;
          border-radius: @border-radius-small;
          box-shadow: @shadow-base;

          white-space: nowrap;

      }
  

      &-light &-inner{
          background-color: #fff;
          color: @text-color;
      }
  

      &-arrow{
          position: absolute;
          width: 0;
          height: 0;
          border-color: transparent;
          border-style: solid;
      }

  }