border radius rtl support (#3543)

Skyscanner · Jul 18, 2024 · d5c2662 · d5c2662
1 parent d1ca50a
commit d5c2662
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/bpk-component-segmented-control/src/BpkSegmentedControl.module.scss b/packages/bpk-component-segmented-control/src/BpkSegmentedControl.module.scss
@@ -106,11 +106,25 @@
 .bpk-segmented-control:first-child {
   border-top-left-radius: tokens.$bpk-border-radius-sm;
   border-bottom-left-radius: tokens.$bpk-border-radius-sm;
+
+  @include utils.bpk-rtl {
+    border-top-left-radius: 0;
+    border-top-right-radius: tokens.$bpk-border-radius-sm;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: tokens.$bpk-border-radius-sm;
+  }
 }
 
 .bpk-segmented-control:last-child {
   border-top-right-radius: tokens.$bpk-border-radius-sm;
   border-bottom-right-radius: tokens.$bpk-border-radius-sm;
+
+  @include utils.bpk-rtl {
+    border-top-left-radius: tokens.$bpk-border-radius-sm;
+    border-top-right-radius: 0;
+    border-bottom-left-radius: tokens.$bpk-border-radius-sm;
+    border-bottom-right-radius: 0;
+  }
 }
 
 .bpk-segmented-control:focus {