CSS: prefix .{right,left,top,bottom} with 'tooltip-'/'popover'

1 files changed, 8 insertions, 8 deletions

diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss
index b1e3f4666c..0d5658d9fd 100644
--- a/scss/_tooltip.scss
+++ b/scss/_tooltip.scss
@@ -18,22 +18,22 @@
 
   &.in { opacity: $tooltip-opacity; }
 
-  &.top {
+  &.tooltip-top {
     padding: $tooltip-arrow-width 0;
     margin-top: -3px;
   }
 
-  &.right {
+  &.tooltip-right {
     padding: 0 $tooltip-arrow-width;
     margin-left: 3px;
   }
 
-  &.bottom {
+  &.tooltip-bottom {
     padding: $tooltip-arrow-width 0;
     margin-top: 3px;
   }
 
-  &.left {
+  &.tooltip-left {
     padding: 0 $tooltip-arrow-width;
     margin-left: -3px;
   }
@@ -59,28 +59,28 @@
   border-style: solid;
 }
 .tooltip {
-  &.top .tooltip-arrow {
+  &.tooltip-top .tooltip-arrow {
     bottom: 0;
     left: 50%;
     margin-left: -$tooltip-arrow-width;
     border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
     border-top-color: $tooltip-arrow-color;
   }
-  &.right .tooltip-arrow {
+  &.tooltip-right .tooltip-arrow {
     top: 50%;
     left: 0;
     margin-top: -$tooltip-arrow-width;
     border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
     border-right-color: $tooltip-arrow-color;
   }
-  &.left .tooltip-arrow {
+  &.tooltip-left .tooltip-arrow {
     top: 50%;
     right: 0;
     margin-top: -$tooltip-arrow-width;
     border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
     border-left-color: $tooltip-arrow-color;
   }
-  &.bottom .tooltip-arrow {
+  &.tooltip-bottom .tooltip-arrow {
     top: 0;
     left: 50%;
     margin-left: -$tooltip-arrow-width;