@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; .@{tooltip-prefix-cls} { display: inline-block; &-rel{ display: inline-block; position: relative; } &-popper{ .popper(@tooltip-arrow, @tooltip-arrow-width, @tooltip-distance, @tooltip-bg); } &-inner{ max-width: @tooltip-max-width; min-height: 34px; padding: 8px 10px; 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; } &-arrow{ position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } }