@include border-radius($border-radius-lg);
@include box-shadow($popover-box-shadow);
- // Arrows
- //
- // .arrow is outer, .arrow::after is inner
-
.arrow {
position: absolute;
display: block;
.arrow::before,
.arrow::after {
- border-width: $popover-arrow-height $popover-arrow-width/2 0;
+ border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
}
.arrow::before {
.arrow::before,
.arrow::after {
- border-width: $popover-arrow-width/2 $popover-arrow-height $popover-arrow-width/2 0;
+ border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
}
.arrow::before {
.arrow::before,
.arrow::after {
- border-width: 0 $popover-arrow-width/2 $popover-arrow-height $popover-arrow-width/2;
+ border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
}
.arrow::before {
left: 50%;
display: block;
width: $popover-arrow-width;
- margin-left: -$popover-arrow-width/2;
+ margin-left: ($popover-arrow-width / -2);
content: "";
border-bottom: $popover-border-width solid $popover-header-bg;
}
.arrow::before,
.arrow::after {
- border-width: $popover-arrow-width/2 0 $popover-arrow-width/2 $popover-arrow-height;
+ border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
}
.arrow::before {
&::before {
top: 0;
- border-width: $tooltip-arrow-height $tooltip-arrow-width/2 0;
+ border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
border-top-color: $tooltip-arrow-color;
}
}
&::before {
right: 0;
- border-width: $tooltip-arrow-width/2 $tooltip-arrow-height $tooltip-arrow-width/2 0;
+ border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
border-right-color: $tooltip-arrow-color;
}
}
&::before {
bottom: 0;
- border-width: 0 $tooltip-arrow-width/2 $tooltip-arrow-height;
+ border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
border-bottom-color: $tooltip-arrow-color;
}
}
&::before {
left: 0;
- border-width: $tooltip-arrow-width/2 0 $tooltip-arrow-width/2 $tooltip-arrow-height;
+ border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
border-left-color: $tooltip-arrow-color;
}
}