Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

added ability to set custom colors for popover arrow mixin #2476

Closed
wants to merge 1 commit into from

2 participants

@luk3thomas

I wanted set a custom color for an arrow w/ the mixin:

#popoverArrow > .top(5px, @red)

I couldn't because the color @black was hardcoded into the mixin.
I updated the mixins.less to allow custom colors for the popover arrow

@mdo
Owner

Merged into 2.0.2-wip. Thanks!

@mdo mdo closed this
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
This page is out of date. Refresh to see the latest.
Showing with 8 additions and 8 deletions.
  1. +8 −8 less/mixins.less
View
16 less/mixins.less
@@ -555,36 +555,36 @@
// -------------------------
// For tipsies and popovers
#popoverArrow {
- .top(@arrowWidth: 5px) {
+ .top(@arrowWidth: 5px, @color: @black) {
bottom: 0;
left: 50%;
margin-left: -@arrowWidth;
border-left: @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%;
right: 0;
margin-top: -@arrowWidth;
border-top: @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;
left: 50%;
margin-left: -@arrowWidth;
border-left: @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%;
left: 0;
margin-top: -@arrowWidth;
border-top: @arrowWidth solid transparent;
border-bottom: @arrowWidth solid transparent;
- border-right: @arrowWidth solid @black;
+ border-right: @arrowWidth solid @color;
}
}
Something went wrong with that request. Please try again.