4 z-index: $zindex-tooltip;
6 margin: $tooltip-margin;
7 // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
8 // So reset our font and text properties to avoid inheriting weird values.
10 font-size: $font-size-sm;
11 // Allow breaking very long words so they don't overflow the tooltip's bounds
12 word-wrap: break-word;
15 &.show { opacity: $tooltip-opacity; }
20 width: $tooltip-arrow-width;
21 height: $tooltip-arrow-height;
26 border-color: transparent;
33 padding: $tooltip-arrow-height 0;
40 border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
41 border-top-color: $tooltip-arrow-color;
47 padding: 0 $tooltip-arrow-height;
51 width: $tooltip-arrow-height;
52 height: $tooltip-arrow-width;
56 border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
57 border-right-color: $tooltip-arrow-color;
63 padding: $tooltip-arrow-height 0;
70 border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
71 border-bottom-color: $tooltip-arrow-color;
77 padding: 0 $tooltip-arrow-height;
81 width: $tooltip-arrow-height;
82 height: $tooltip-arrow-width;
86 border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
87 border-left-color: $tooltip-arrow-color;
93 &[x-placement^="top"] {
94 @extend .bs-tooltip-top;
96 &[x-placement^="right"] {
97 @extend .bs-tooltip-right;
99 &[x-placement^="bottom"] {
100 @extend .bs-tooltip-bottom;
102 &[x-placement^="left"] {
103 @extend .bs-tooltip-left;
107 // Wrapper for the tooltip content
109 max-width: $tooltip-max-width;
110 padding: $tooltip-padding-y $tooltip-padding-x;
111 color: $tooltip-color;
113 background-color: $tooltip-bg;
114 @include border-radius($border-radius);