Remove logical radius

diff --git a/sass/components/tabs.sass b/sass/components/tabs.sass
index 4bcf7b3e21d27c1c4580d27cbe31c6aa7ba364bc..c6104c2896d9f6dc4778c8aa70f48fcee537be52 100644 (file)
--- 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 d704167fc820e7608197b29c5d949e070c33a30a..4c3c5ab5f7c93b5be090ffde0e06bf8ad5e21bdf 100644 (file)
--- 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