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

added ability to set custom colors for popover arrow mixin

Browse Source
This commit is contained in:
Luke Thomas
2012-03-08 19:02:29 -06:00
parent 3d58b46226
commit 1cc1852a9a
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
less/mixins.less
View File

@@ -555,36 +555,36 @@
// ------------------------- // -------------------------
// For tipsies and popovers // For tipsies and popovers
#popoverArrow { #popoverArrow {
.top(@arrowWidth: 5px) { .top(@arrowWidth: 5px, @color: @black) {
bottom: 0; bottom: 0;
left: 50%; left: 50%;
margin-left: -@arrowWidth; margin-left: -@arrowWidth;
border-left: @arrowWidth solid transparent; border-left: @arrowWidth solid transparent;
border-right: @arrowWidth solid transparent; border-right: @arrowWidth solid transparent;
border-top: @arrowWidth solid @black; border-top: @arrowWidth solid @color;
} }
.left(@arrowWidth: 5px) { .left(@arrowWidth: 5px, @color: @black) {
top: 50%; top: 50%;
right: 0; right: 0;
margin-top: -@arrowWidth; margin-top: -@arrowWidth;
border-top: @arrowWidth solid transparent; border-top: @arrowWidth solid transparent;
border-bottom: @arrowWidth solid transparent; border-bottom: @arrowWidth solid transparent;
border-left: @arrowWidth solid @black; border-left: @arrowWidth solid @color;
} }
.bottom(@arrowWidth: 5px) { .bottom(@arrowWidth: 5px, @color: @black) {
top: 0; top: 0;
left: 50%; left: 50%;
margin-left: -@arrowWidth; margin-left: -@arrowWidth;
border-left: @arrowWidth solid transparent; border-left: @arrowWidth solid transparent;
border-right: @arrowWidth solid transparent; border-right: @arrowWidth solid transparent;
border-bottom: @arrowWidth solid @black; border-bottom: @arrowWidth solid @color;
} }
.right(@arrowWidth: 5px) { .right(@arrowWidth: 5px, @color: @black) {
top: 50%; top: 50%;
left: 0; left: 0;
margin-top: -@arrowWidth; margin-top: -@arrowWidth;
border-top: @arrowWidth solid transparent; border-top: @arrowWidth solid transparent;
border-bottom: @arrowWidth solid transparent; border-bottom: @arrowWidth solid transparent;
border-right: @arrowWidth solid @black; border-right: @arrowWidth solid @color;
} }
} }