mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-17 19:06:40 +02:00
Code Issues Releases Wiki Activity

Merge pull request #12533 from 1000hz/tighten-popover-arrows-scope

Browse Source 
Scope popover arrow css to direct descendant
This commit is contained in:
Mark Otto
2014-02-03 23:40:52 -08:00
parent 819b19e39c 847adb7dad
commit 266a2e11e0
1 changed files with 7 additions and 7 deletions
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;