rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-07 04:54:24 +01:00
Code Issues Actions Packages Releases Activity

Tightening up popover arrow css scope to apply only to direct descendant arrows.

Browse Source
This commit is contained in:
Cina S 2014-02-02 16:14:22 -06:00
parent 02ae5a2728
commit 847adb7dad
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
less/popovers.less
View File

@ -48,7 +48,7 @@
// //
// .arrow is outer, .arrow:after is inner // .arrow is outer, .arrow:after is inner
.popover .arrow { .popover > .arrow {
&, &,
&:after { &:after {
position: absolute; position: absolute;
@ -59,16 +59,16 @@
border-style: solid; border-style: solid;
} }
} }
.popover .arrow { .popover > .arrow {
border-width: @popover-arrow-outer-width; border-width: @popover-arrow-outer-width;
} }
.popover .arrow:after { .popover > .arrow:after {
border-width: @popover-arrow-width; border-width: @popover-arrow-width;
content: ""; content: "";
} }
.popover { .popover {
&.top .arrow { &.top > .arrow {
left: 50%; left: 50%;
margin-left: -@popover-arrow-outer-width; margin-left: -@popover-arrow-outer-width;
border-bottom-width: 0; border-bottom-width: 0;
@ -83,7 +83,7 @@
border-top-color: @popover-arrow-color; border-top-color: @popover-arrow-color;
} }
} }
&.right .arrow { &.right > .arrow {
top: 50%; top: 50%;
left: -@popover-arrow-outer-width; left: -@popover-arrow-outer-width;
margin-top: -@popover-arrow-outer-width; margin-top: -@popover-arrow-outer-width;
@ -98,7 +98,7 @@
border-right-color: @popover-arrow-color; border-right-color: @popover-arrow-color;
} }
} }
&.bottom .arrow { &.bottom > .arrow {
left: 50%; left: 50%;
margin-left: -@popover-arrow-outer-width; margin-left: -@popover-arrow-outer-width;
border-top-width: 0; border-top-width: 0;
@ -114,7 +114,7 @@
} }
} }
&.left .arrow { &.left > .arrow {
top: 50%; top: 50%;
right: -@popover-arrow-outer-width; right: -@popover-arrow-outer-width;
margin-top: -@popover-arrow-outer-width; margin-top: -@popover-arrow-outer-width;