From d5cbe696daa64eb33a06b091819aa1f59becf3bf Mon Sep 17 00:00:00 2001
From: Patrick Yeo <patrick.yeo@liferay.com>
Date: Mon, 18 Dec 2017 12:08:25 -0800
Subject: [PATCH] Allow customizing Popover and Tooltip `border-radius` while
 I'm at it

---
 scss/_popover.scss   | 2 +-
 scss/_tooltip.scss   | 2 +-
 scss/_variables.scss | 2 ++
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/scss/_popover.scss b/scss/_popover.scss
index 779b58082e..3ef5f628bd 100644
--- a/scss/_popover.scss
+++ b/scss/_popover.scss
@@ -14,7 +14,7 @@
   background-color: $popover-bg;
   background-clip: padding-box;
   border: $popover-border-width solid $popover-border-color;
-  @include border-radius($border-radius-lg);
+  @include border-radius($popover-border-radius);
   @include box-shadow($popover-box-shadow);
 
   .arrow {
diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss
index 7f6a26f75a..1286ebfcf9 100644
--- a/scss/_tooltip.scss
+++ b/scss/_tooltip.scss
@@ -111,5 +111,5 @@
   color: $tooltip-color;
   text-align: center;
   background-color: $tooltip-bg;
-  @include border-radius($border-radius);
+  @include border-radius($tooltip-border-radius);
 }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index afd05e4320..b99b477fb0 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -671,6 +671,7 @@ $tooltip-font-size:           $font-size-sm !default;
 $tooltip-max-width:           200px !default;
 $tooltip-color:               $white !default;
 $tooltip-bg:                  $black !default;
+$tooltip-border-radius:        $border-radius !default;
 $tooltip-opacity:             .9 !default;
 $tooltip-padding-y:           .25rem !default;
 $tooltip-padding-x:           .5rem !default;
@@ -688,6 +689,7 @@ $popover-bg:                        $white !default;
 $popover-max-width:                 276px !default;
 $popover-border-width:              $border-width !default;
 $popover-border-color:              rgba($black, .2) !default;
+$popover-border-radius:             $border-radius-lg !default;
 $popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;
 
 $popover-header-bg:                 darken($popover-bg, 3%) !default;