fix(radio): reverse order of elements in RTL (#2093)

akveo · Nov 26, 2019 · 2e61d8d · 2e61d8d
1 parent e85830f
commit 2e61d8d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/framework/theme/components/radio/_radio.component.theme.scss b/src/framework/theme/components/radio/_radio.component.theme.scss
@@ -94,7 +94,8 @@
       font-size: nb-theme(radio-text-font-size);
       font-weight: nb-theme(radio-text-font-weight);
       line-height: nb-theme(radio-text-line-height);
-      margin-left: nb-theme(radio-width);
+      @include nb-ltr(margin-left, nb-theme(radio-width));
+      @include nb-rtl(margin-right, nb-theme(radio-width));
     }
   }
 }
diff --git a/src/framework/theme/components/radio/radio.component.scss b/src/framework/theme/components/radio/radio.component.scss
@@ -14,7 +14,9 @@
     display: inline-flex;
     margin: 0;
     min-height: inherit;
-    padding: 0.375rem 1.5rem 0.375rem 0;
+    padding: 0.375rem 0;
+    @include nb-ltr(padding-right, 1.5rem);
+    @include nb-rtl(padding-left, 1.5rem);
     align-items: center;
   }
 
@@ -23,7 +25,8 @@
     border-radius: 50%;
     position: absolute;
     top: 50%;
-    left: 0;
+    @include nb-ltr(left, 0);
+    @include nb-rtl(right, 0);
     transform: translateY(-50%);
   }