3 // --------------------------------------------------
10 z-index: $zindex-popover;
12 max-width: $popover-max-width;
14 // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.
15 // So reset our font and text properties to avoid inheriting weird values.
17 font-size: $font-size-base;
19 background-color: $popover-bg;
20 background-clip: padding-box;
21 border: 1px solid $popover-fallback-border-color;
22 border: 1px solid $popover-border-color;
23 border-radius: $border-radius-large;
24 @include box-shadow(0 5px 10px rgba(0,0,0,.2));
26 // Offset the popover to account for the popover arrow
27 &.top { margin-top: -$popover-arrow-width; }
28 &.right { margin-left: $popover-arrow-width; }
29 &.bottom { margin-top: $popover-arrow-width; }
30 &.left { margin-left: -$popover-arrow-width; }
34 margin: 0; // reset heading margin
36 font-size: $font-size-base;
37 background-color: $popover-title-bg;
38 border-bottom: 1px solid darken($popover-title-bg, 5%);
39 border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0;
48 // .arrow is outer, .arrow:after is inner
57 border-color: transparent;
62 border-width: $popover-arrow-outer-width;
64 .popover > .arrow:after {
65 border-width: $popover-arrow-width;
72 margin-left: -$popover-arrow-outer-width;
73 border-bottom-width: 0;
74 border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback
75 border-top-color: $popover-arrow-outer-color;
76 bottom: -$popover-arrow-outer-width;
80 margin-left: -$popover-arrow-width;
81 border-bottom-width: 0;
82 border-top-color: $popover-arrow-color;
87 left: -$popover-arrow-outer-width;
88 margin-top: -$popover-arrow-outer-width;
90 border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback
91 border-right-color: $popover-arrow-outer-color;
95 bottom: -$popover-arrow-width;
97 border-right-color: $popover-arrow-color;
102 margin-left: -$popover-arrow-outer-width;
104 border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback
105 border-bottom-color: $popover-arrow-outer-color;
106 top: -$popover-arrow-outer-width;
110 margin-left: -$popover-arrow-width;
112 border-bottom-color: $popover-arrow-color;
118 right: -$popover-arrow-outer-width;
119 margin-top: -$popover-arrow-outer-width;
120 border-right-width: 0;
121 border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback
122 border-left-color: $popover-arrow-outer-color;
126 border-right-width: 0;
127 border-left-color: $popover-arrow-color;
128 bottom: -$popover-arrow-width;