diff options
| -rw-r--r-- | scss/_popover.scss | 14 | ||||
| -rw-r--r-- | scss/_tooltip.scss | 8 |
2 files changed, 9 insertions, 13 deletions
diff --git a/scss/_popover.scss b/scss/_popover.scss index 6682f141a..3e4164398 100644 --- a/scss/_popover.scss +++ b/scss/_popover.scss @@ -17,10 +17,6 @@ @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; @@ -48,7 +44,7 @@ .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 { @@ -74,7 +70,7 @@ .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 { @@ -97,7 +93,7 @@ .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 { @@ -117,7 +113,7 @@ 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; } @@ -135,7 +131,7 @@ .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 { diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss index e4c3b5051..a03de5742 100644 --- a/scss/_tooltip.scss +++ b/scss/_tooltip.scss @@ -37,7 +37,7 @@ &::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; } } @@ -53,7 +53,7 @@ &::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; } } @@ -67,7 +67,7 @@ &::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; } } @@ -83,7 +83,7 @@ &::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; } } |