This commit is contained in:
Mark Otto 2017-12-26 22:02:54 -08:00
parent 28fd9deb54
commit d603239b8a
2 changed files with 9 additions and 13 deletions

View File

@ -17,10 +17,6 @@
@include border-radius($border-radius-lg); @include border-radius($border-radius-lg);
@include box-shadow($popover-box-shadow); @include box-shadow($popover-box-shadow);
// Arrows
//
// .arrow is outer, .arrow::after is inner
.arrow { .arrow {
position: absolute; position: absolute;
display: block; display: block;
@ -48,7 +44,7 @@
.arrow::before, .arrow::before,
.arrow::after { .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 {
@ -74,7 +70,7 @@
.arrow::before, .arrow::before,
.arrow::after { .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 {
@ -97,7 +93,7 @@
.arrow::before, .arrow::before,
.arrow::after { .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 { .arrow::before {
@ -117,7 +113,7 @@
left: 50%; left: 50%;
display: block; display: block;
width: $popover-arrow-width; width: $popover-arrow-width;
margin-left: -$popover-arrow-width/2; margin-left: ($popover-arrow-width / -2);
content: ""; content: "";
border-bottom: $popover-border-width solid $popover-header-bg; border-bottom: $popover-border-width solid $popover-header-bg;
} }
@ -135,7 +131,7 @@
.arrow::before, .arrow::before,
.arrow::after { .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 { .arrow::before {

View File

@ -37,7 +37,7 @@
&::before { &::before {
top: 0; 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; border-top-color: $tooltip-arrow-color;
} }
} }
@ -53,7 +53,7 @@
&::before { &::before {
right: 0; 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; border-right-color: $tooltip-arrow-color;
} }
} }
@ -67,7 +67,7 @@
&::before { &::before {
bottom: 0; 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; border-bottom-color: $tooltip-arrow-color;
} }
} }
@ -83,7 +83,7 @@
&::before { &::before {
left: 0; 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; border-left-color: $tooltip-arrow-color;
} }
} }