feat(RTL): implement RTL

Using RTLCSS directives, renaming things to use logical names and following best practices.

1 files changed, 12 insertions, 12 deletions

diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss
index 4d405e0319..a98ff4db5f 100644
--- a/scss/_tooltip.scss
+++ b/scss/_tooltip.scss
@@ -43,18 +43,18 @@
   }
 }
 
-.bs-tooltip-right {
+.bs-tooltip-end {
   padding: 0 $tooltip-arrow-height;
 
   .tooltip-arrow {
-    left: 0;
+    left: 0 #{"/* rtl:ignore */"};
     width: $tooltip-arrow-height;
     height: $tooltip-arrow-width;
 
     &::before {
-      right: 0;
-      border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
-      border-right-color: $tooltip-arrow-color;
+      right: 0 #{"/* rtl:ignore */"};
+      border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0 #{"/* rtl:ignore */"};
+      border-right-color: $tooltip-arrow-color #{"/* rtl:ignore */"};
     }
   }
 }
@@ -73,18 +73,18 @@
   }
 }
 
-.bs-tooltip-left {
+.bs-tooltip-start {
   padding: 0 $tooltip-arrow-height;
 
   .tooltip-arrow {
-    right: 0;
+    right: 0 #{"/* rtl:ignore */"};
     width: $tooltip-arrow-height;
     height: $tooltip-arrow-width;
 
     &::before {
-      left: 0;
-      border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
-      border-left-color: $tooltip-arrow-color;
+      left: 0 #{"/* rtl:ignore */"};
+      border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height #{"/* rtl:ignore */"};
+      border-left-color: $tooltip-arrow-color #{"/* rtl:ignore */"};
     }
   }
 }
@@ -94,13 +94,13 @@
     @extend .bs-tooltip-top;
   }
   &[x-placement^="right"] {
-    @extend .bs-tooltip-right;
+    @extend .bs-tooltip-end;
   }
   &[x-placement^="bottom"] {
     @extend .bs-tooltip-bottom;
   }
   &[x-placement^="left"] {
-    @extend .bs-tooltip-left;
+    @extend .bs-tooltip-start;
   }
 }