From af0350e91c7e0c24a4b91b59072391edee263ade Mon Sep 17 00:00:00 2001
From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Mon, 23 Mar 2020 13:15:53 +0000
Subject: [PATCH] Remove logical radius

---
 sass/components/tabs.sass | 34 ++++++++++++++++++++++++----------
 sass/elements/button.sass |  8 ++++----
 2 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/sass/components/tabs.sass b/sass/components/tabs.sass
index 4bcf7b3e..c6104c28 100644
--- a/sass/components/tabs.sass
+++ b/sass/components/tabs.sass
@@ -92,8 +92,10 @@ $tabs-toggle-link-active-color: $link-invert !default
   &.is-boxed
     a
       border: 1px solid transparent
-      border-start-start-radius: $tabs-boxed-link-radius
-      border-start-end-radius: $tabs-boxed-link-radius
+      +ltr
+        border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
+      +rtl
+        border-radius: 0 0 $tabs-boxed-link-radius $tabs-boxed-link-radius
       &:hover
         background-color: $tabs-boxed-link-hover-background-color
         border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
@@ -122,11 +124,15 @@ $tabs-toggle-link-active-color: $link-invert !default
       & + li
         margin-inline-start: -#{$tabs-toggle-link-border-width}
       &:first-child a
-        border-start-start-radius: $tabs-toggle-link-radius
-        border-end-start-radius: $tabs-toggle-link-radius
+        +ltr
+          border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius
+        +rtl
+          border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0
       &:last-child a
-        border-start-end-radius: $tabs-toggle-link-radius
-        border-end-end-radius: $tabs-toggle-link-radius
+        +ltr
+          border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0
+        +rtl
+          border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius
       &.is-active
         a
           background-color: $tabs-toggle-link-active-background-color
@@ -138,13 +144,21 @@ $tabs-toggle-link-active-color: $link-invert !default
     &.is-toggle-rounded
       li
         &:first-child a
-          border-end-start-radius: $radius-rounded
-          border-start-start-radius: $radius-rounded
           padding-inline-start: 1.25em
+          +ltr
+            border-bottom-left-radius: $radius-rounded
+            border-top-left-radius: $radius-rounded
+          +rtl
+            border-bottom-right-radius: $radius-rounded
+            border-top-right-radius: $radius-rounded
         &:last-child a
-          border-end-end-radius: $radius-rounded
-          border-start-end-radius: $radius-rounded
           padding-inline-end: 1.25em
+          +ltr
+            border-bottom-right-radius: $radius-rounded
+            border-top-right-radius: $radius-rounded
+          +rtl
+            border-bottom-left-radius: $radius-rounded
+            border-top-left-radius: $radius-rounded
   // Sizes
   &.is-small
     font-size: $size-small
diff --git a/sass/elements/button.sass b/sass/elements/button.sass
index d704167f..4c3c5ab5 100644
--- a/sass/elements/button.sass
+++ b/sass/elements/button.sass
@@ -287,11 +287,11 @@ $button-static-border-color: $border !default
   &.has-addons
     .button
       &:not(:first-child)
-        border-end-start-radius: 0
-        border-start-start-radius: 0
+        border-bottom-left-radius: 0
+        border-top-left-radius: 0
       &:not(:last-child)
-        border-end-end-radius: 0
-        border-start-end-radius: 0
+        border-bottom-right-radius: 0
+        border-top-right-radius: 0
         margin-inline-end: -1px
       &:last-child
         margin-inline-end: 0