3 // --------------------------------------------------
9 z-index: @zindex-tooltip;
12 // Reset font and text properties given new insertion method
13 font-family: @font-family-base;
14 font-size: @font-size-small;
19 &.in { .opacity(@tooltip-opacity); }
20 &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; }
21 &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; }
22 &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; }
23 &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
26 // Wrapper for the tooltip content
28 max-width: @tooltip-max-width;
30 color: @tooltip-color;
32 text-decoration: none;
33 background-color: @tooltip-bg;
34 border-radius: @border-radius-base;
42 border-color: transparent;
45 // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1
47 &.top .tooltip-arrow {
50 margin-left: -@tooltip-arrow-width;
51 border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
52 border-top-color: @tooltip-arrow-color;
54 &.top-left .tooltip-arrow {
56 right: @tooltip-arrow-width;
57 margin-bottom: -@tooltip-arrow-width;
58 border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
59 border-top-color: @tooltip-arrow-color;
61 &.top-right .tooltip-arrow {
63 left: @tooltip-arrow-width;
64 margin-bottom: -@tooltip-arrow-width;
65 border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
66 border-top-color: @tooltip-arrow-color;
68 &.right .tooltip-arrow {
71 margin-top: -@tooltip-arrow-width;
72 border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
73 border-right-color: @tooltip-arrow-color;
75 &.left .tooltip-arrow {
78 margin-top: -@tooltip-arrow-width;
79 border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
80 border-left-color: @tooltip-arrow-color;
82 &.bottom .tooltip-arrow {
85 margin-left: -@tooltip-arrow-width;
86 border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
87 border-bottom-color: @tooltip-arrow-color;
89 &.bottom-left .tooltip-arrow {
91 right: @tooltip-arrow-width;
92 margin-top: -@tooltip-arrow-width;
93 border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
94 border-bottom-color: @tooltip-arrow-color;
96 &.bottom-right .tooltip-arrow {
98 left: @tooltip-arrow-width;
99 margin-top: -@tooltip-arrow-width;
100 border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
101 border-bottom-color: @tooltip-arrow-color;