|
450 | 450 | // -------------------------
|
451 | 451 | // For tipsies and popovers
|
452 | 452 | #popoverArrow {
|
453 |
| - .top(@arrowWidth: 5px) { |
| 453 | + .top(@arrowWidth: 5px, @color: @black) { |
454 | 454 | bottom: 0;
|
455 | 455 | left: 50%;
|
456 | 456 | margin-left: -@arrowWidth;
|
457 | 457 | border-left: @arrowWidth solid transparent;
|
458 | 458 | border-right: @arrowWidth solid transparent;
|
459 |
| - border-top: @arrowWidth solid @black; |
| 459 | + border-top: @arrowWidth solid @color; |
460 | 460 | }
|
461 |
| - .left(@arrowWidth: 5px) { |
| 461 | + .left(@arrowWidth: 5px, @color: @black) { |
462 | 462 | top: 50%;
|
463 | 463 | right: 0;
|
464 | 464 | margin-top: -@arrowWidth;
|
465 | 465 | border-top: @arrowWidth solid transparent;
|
466 | 466 | border-bottom: @arrowWidth solid transparent;
|
467 |
| - border-left: @arrowWidth solid @black; |
| 467 | + border-left: @arrowWidth solid @color; |
468 | 468 | }
|
469 |
| - .bottom(@arrowWidth: 5px) { |
| 469 | + .bottom(@arrowWidth: 5px, @color: @black) { |
470 | 470 | top: 0;
|
471 | 471 | left: 50%;
|
472 | 472 | margin-left: -@arrowWidth;
|
473 | 473 | border-left: @arrowWidth solid transparent;
|
474 | 474 | border-right: @arrowWidth solid transparent;
|
475 |
| - border-bottom: @arrowWidth solid @black; |
| 475 | + border-bottom: @arrowWidth solid @color; |
476 | 476 | }
|
477 |
| - .right(@arrowWidth: 5px) { |
| 477 | + .right(@arrowWidth: 5px, @color: @black) { |
478 | 478 | top: 50%;
|
479 | 479 | left: 0;
|
480 | 480 | margin-top: -@arrowWidth;
|
481 | 481 | border-top: @arrowWidth solid transparent;
|
482 | 482 | border-bottom: @arrowWidth solid transparent;
|
483 |
| - border-right: @arrowWidth solid @black; |
| 483 | + border-right: @arrowWidth solid @color; |
484 | 484 | }
|
485 | 485 | }
|
486 | 486 |
|
|
0 commit comments