3 // --------------------------------------------------
9 z-index: $zindex-popover;
11 max-width: $popover-max-width;
13 // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.
14 // So reset our font and text properties to avoid inheriting weird values.
16 font-size: $font-size-base;
18 background-color: $popover-bg;
19 background-clip: padding-box;
20 border: 1px solid $popover-fallback-border-color;
21 border: 1px solid $popover-border-color;
22 border-radius: $border-radius-large;
23 @include box-shadow(0 5px 10px rgba(0, 0, 0, .2));
25 // Offset the popover to account for the popover arrow
27 margin-top: -$popover-arrow-width;
30 margin-left: $popover-arrow-width;
33 margin-top: $popover-arrow-width;
36 margin-left: -$popover-arrow-width;
41 margin: 0; // reset heading margin
43 font-size: $font-size-base;
44 background-color: $popover-title-bg;
45 border-bottom: 1px solid darken($popover-title-bg, 5%);
46 border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0;
55 // .arrow is outer, .arrow:after is inner
64 border-color: transparent;
70 border-width: $popover-arrow-outer-width;
73 .popover > .arrow:after {
74 border-width: $popover-arrow-width;
81 margin-left: -$popover-arrow-outer-width;
82 border-bottom-width: 0;
83 border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback
84 border-top-color: $popover-arrow-outer-color;
85 bottom: -$popover-arrow-outer-width;
89 margin-left: -$popover-arrow-width;
90 border-bottom-width: 0;
91 border-top-color: $popover-arrow-color;
96 left: -$popover-arrow-outer-width;
97 margin-top: -$popover-arrow-outer-width;
99 border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback
100 border-right-color: $popover-arrow-outer-color;
104 bottom: -$popover-arrow-width;
105 border-left-width: 0;
106 border-right-color: $popover-arrow-color;
111 margin-left: -$popover-arrow-outer-width;
113 border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback
114 border-bottom-color: $popover-arrow-outer-color;
115 top: -$popover-arrow-outer-width;
119 margin-left: -$popover-arrow-width;
121 border-bottom-color: $popover-arrow-color;
127 right: -$popover-arrow-outer-width;
128 margin-top: -$popover-arrow-outer-width;
129 border-right-width: 0;
130 border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback
131 border-left-color: $popover-arrow-outer-color;
135 border-right-width: 0;
136 border-left-color: $popover-arrow-color;
137 bottom: -$popover-arrow-width;