diff --git a/styles/lib/core/_animation.scss b/styles/lib/core/_animation.scss
index e19d3f2..ba59f60 100644
--- a/styles/lib/core/_animation.scss
+++ b/styles/lib/core/_animation.scss
@@ -294,18 +294,34 @@ $animationPerspective: 2000px !default;
 
 .#{$prefix}fadeinleft {
     animation: fadeinleft .15s linear;
+
+    @include rtl {
+        animation-name: fadeinright;
+    }
 }
 
 .#{$prefix}fadeoutleft {
     animation: fadeoutleft .15s linear;
+
+    @include rtl {
+        animation-name: fadeoutright;
+    }
 }
 
 .#{$prefix}fadeinright {
     animation: fadeinright .15s linear;
+
+    @include rtl {
+        animation-name: fadeinleft;
+    }
 }
 
 .#{$prefix}fadeoutright {
     animation: fadeoutright .15s linear;
+
+    @include rtl {
+        animation-name: fadeoutleft;
+    }
 }
 
 .#{$prefix}fadeinup {
@@ -341,11 +357,19 @@ $animationPerspective: 2000px !default;
 .#{$prefix}flipleft {
     backface-visibility: visible;
     animation: flipleft .15s linear;
+
+    @include rtl {
+        animation-name: flipright;
+    }
 }
 
 .#{$prefix}flipright {
     backface-visibility: visible;
     animation: flipright .15s linear;
+
+    @include rtl {
+        animation-name: flipleft;
+    }
 }
 
 .#{$prefix}zoomin {
@@ -358,10 +382,18 @@ $animationPerspective: 2000px !default;
 
 .#{$prefix}zoominleft {
     animation: zoominleft .15s linear;
+
+    @include rtl {
+        animation-name: zoominright;
+    }
 }
 
 .#{$prefix}zoominright {
     animation: zoominright .15s linear;
+
+    @include rtl {
+        animation-name: zoominleft;
+    }
 }
 
 .#{$prefix}zoominup {
diff --git a/styles/lib/core/_border.scss b/styles/lib/core/_border.scss
index 1a6a8c2..b7b63d0 100644
--- a/styles/lib/core/_border.scss
+++ b/styles/lib/core/_border.scss
@@ -3,10 +3,10 @@ $border-scales: 0px, 1px, 2px, 3px !default;
 $border-directions: (
     '': 'border',
     'top': 'border-top',
-    'right': 'border-right',
-    'left': 'border-left',
+    'right': 'border-inline-end',
+    'left': 'border-inline-start',
     'bottom': 'border-bottom',
-    'x': ('border-left','border-right'),
+    'x': ('border-inline-start','border-inline-end'),
     'y': ('border-top','border-bottom')
 ) !default;
 
diff --git a/styles/lib/core/_borderradius.scss b/styles/lib/core/_borderradius.scss
index fe34889..d482f1c 100644
--- a/styles/lib/core/_borderradius.scss
+++ b/styles/lib/core/_borderradius.scss
@@ -12,10 +12,10 @@ $border-radius-props: (
 ) !default;
 
 $border-radius-directions: (
-    'left': ('border-top-left-radius','border-bottom-left-radius'),
-    'top': ('border-top-left-radius','border-top-right-radius'),
-    'right': ('border-top-right-radius','border-bottom-right-radius'),
-    'bottom': ('border-bottom-left-radius','border-bottom-right-radius')
+    'left': ('border-start-start-radius','border-end-start-radius'),
+    'top': ('border-start-start-radius','border-start-end-radius'),
+    'right': ('border-start-end-radius','border-end-end-radius'),
+    'bottom': ('border-end-start-radius','border-end-end-radius')
 ) !default;
 
 @include style-class('border-radius', $border-radius-props, true);
diff --git a/styles/lib/core/_formlayout.scss b/styles/lib/core/_formlayout.scss
index ea38ea9..6f31c7f 100644
--- a/styles/lib/core/_formlayout.scss
+++ b/styles/lib/core/_formlayout.scss
@@ -62,13 +62,13 @@
 .#{$prefix}formgroup-inline .#{$prefix}field,
 .#{$prefix}formgroup-inline .#{$prefix}field-checkbox,
 .#{$prefix}formgroup-inline .#{$prefix}field-radiobutton {
-    margin-right: $fieldMargin;
+    margin-inline-end: $fieldMargin;
 }
 
 .#{$prefix}formgroup-inline .#{$prefix}field > label,
 .#{$prefix}formgroup-inline .#{$prefix}field-checkbox > label,
 .#{$prefix}formgroup-inline .#{$prefix}field-radiobutton > label {
-    margin-right: $fieldLabelMargin;
+    margin-inline-end: $fieldLabelMargin;
     margin-bottom: 0;
 }
 
@@ -81,6 +81,6 @@
 
 .#{$prefix}field-checkbox > label,
 .#{$prefix}field-radiobutton > label {
-    margin-left: $fieldLabelMargin;
+    margin-inline-start: $fieldLabelMargin;
     line-height: 1;
 }
diff --git a/styles/lib/core/_grid.scss b/styles/lib/core/_grid.scss
index 6a89ba5..40cb7bd 100644
--- a/styles/lib/core/_grid.scss
+++ b/styles/lib/core/_grid.scss
@@ -1,8 +1,8 @@
 .#{$prefix}grid {
     display: flex;
     flex-wrap: wrap;
-    margin-right: -1 * $gutter;
-    margin-left: -1 * $gutter;
+    margin-inline-end: -1 * $gutter;
+    margin-inline-start: -1 * $gutter;
     margin-top: -1 * $gutter;
 }
 
@@ -12,8 +12,8 @@
 }
 
 .#{$prefix}grid-nogutter {
-    margin-right: 0;
-    margin-left: 0;
+    margin-inline-end: 0;
+    margin-inline-start: 0;
     margin-top: 0;
 }
 
@@ -97,4 +97,4 @@ $grid-column-offsets: (
     }
 }
 
-@include style-class('margin-left', $grid-column-offsets, true);
\ No newline at end of file
+@include style-class('margin-inline-start', $grid-column-offsets, true);
\ No newline at end of file
diff --git a/styles/lib/core/_image.scss b/styles/lib/core/_image.scss
index d5bc7d9..b62eec2 100644
--- a/styles/lib/core/_image.scss
+++ b/styles/lib/core/_image.scss
@@ -25,6 +25,22 @@ $image-position-props: (
     'bg-top': 'top'
 ) !default;
 
+$image-position-props-rtl: (
+    'bg-bottom': 'bottom',
+    'bg-center': 'center',
+    'bg-left': 'right',
+    'bg-left-bottom': 'right bottom',
+    'bg-left-top': 'right top',
+    'bg-right': 'left',
+    'bg-right-bottom': 'left bottom',
+    'bg-right-top': 'left top',
+    'bg-top': 'top'
+) !default;
+
 @include style-class('background-repeat', $image-repeat-props, true);
 @include style-class('background-size', $image-size-props, true);
-@include style-class('background-position', $image-position-props, true);
\ No newline at end of file
+@include style-class('background-position', $image-position-props, true);
+
+@include rtl {
+    @include style-class('background-position', $image-position-props-rtl, true);
+}
\ No newline at end of file
diff --git a/styles/lib/core/_mixins.scss b/styles/lib/core/_mixins.scss
index a76aebf..a711f9d 100644
--- a/styles/lib/core/_mixins.scss
+++ b/styles/lib/core/_mixins.scss
@@ -412,4 +412,10 @@
             }
         }
     }
+}
+
+@mixin rtl() {
+    :dir(rtl) {
+        @content;
+    }
 }
\ No newline at end of file
diff --git a/styles/lib/core/_padding.scss b/styles/lib/core/_padding.scss
index bf22a30..2598108 100644
--- a/styles/lib/core/_padding.scss
+++ b/styles/lib/core/_padding.scss
@@ -6,21 +6,21 @@
 .p-pt-5 {padding-top:$spacer * 2 !important;}
 .p-pt-6 {padding-top:$spacer * 3 !important;}
 
-.p-pr-0 {padding-right:0 !important;}
-.p-pr-1 {padding-right:$spacer * 0.25 !important;}
-.p-pr-2 {padding-right:$spacer * 0.5 !important;}
-.p-pr-3 {padding-right:$spacer * 1 !important;}
-.p-pr-4 {padding-right:$spacer * 1.5 !important;}
-.p-pr-5 {padding-right:$spacer * 2 !important;}
-.p-pr-6 {padding-right:$spacer * 3 !important;}
-
-.p-pl-0 {padding-left:0 !important;}
-.p-pl-1 {padding-left:$spacer * 0.25 !important;}
-.p-pl-2 {padding-left:$spacer * 0.5 !important;}
-.p-pl-3 {padding-left:$spacer * 1 !important;}
-.p-pl-4 {padding-left:$spacer * 1.5 !important;}
-.p-pl-5 {padding-left:$spacer * 2 !important;}
-.p-pl-6 {padding-left:$spacer * 3 !important;}
+.p-pr-0 {padding-inline-end:0 !important;}
+.p-pr-1 {padding-inline-end:$spacer * 0.25 !important;}
+.p-pr-2 {padding-inline-end:$spacer * 0.5 !important;}
+.p-pr-3 {padding-inline-end:$spacer * 1 !important;}
+.p-pr-4 {padding-inline-end:$spacer * 1.5 !important;}
+.p-pr-5 {padding-inline-end:$spacer * 2 !important;}
+.p-pr-6 {padding-inline-end:$spacer * 3 !important;}
+
+.p-pl-0 {padding-inline-start:0 !important;}
+.p-pl-1 {padding-inline-start:$spacer * 0.25 !important;}
+.p-pl-2 {padding-inline-start:$spacer * 0.5 !important;}
+.p-pl-3 {padding-inline-start:$spacer * 1 !important;}
+.p-pl-4 {padding-inline-start:$spacer * 1.5 !important;}
+.p-pl-5 {padding-inline-start:$spacer * 2 !important;}
+.p-pl-6 {padding-inline-start:$spacer * 3 !important;}
 
 .p-pb-0 {padding-bottom:0 !important;}
 .p-pb-1 {padding-bottom:$spacer * 0.25 !important;}
@@ -30,13 +30,13 @@
 .p-pb-5 {padding-bottom:$spacer * 2 !important;}
 .p-pb-6 {padding-bottom:$spacer * 3 !important;}
 
-.p-px-0 {padding-left:0 !important;padding-right:0 !important;}
-.p-px-1 {padding-left:$spacer * 0.25 !important;padding-right:$spacer * 0.25 !important;}
-.p-px-2 {padding-left:$spacer * 0.5 !important;padding-right:$spacer * 0.5 !important;}
-.p-px-3 {padding-left:$spacer * 1 !important;padding-right:$spacer * 1 !important;}
-.p-px-4 {padding-left:$spacer * 1.5 !important;padding-right:$spacer * 1.5 !important;}
-.p-px-5 {padding-left:$spacer * 2 !important;padding-right:$spacer * 2 !important;}
-.p-px-6 {padding-left:$spacer * 3 !important;padding-right:$spacer * 3 !important;}
+.p-px-0 {padding-inline-start:0 !important;padding-inline-end:0 !important;}
+.p-px-1 {padding-inline-start:$spacer * 0.25 !important;padding-inline-end:$spacer * 0.25 !important;}
+.p-px-2 {padding-inline-start:$spacer * 0.5 !important;padding-inline-end:$spacer * 0.5 !important;}
+.p-px-3 {padding-inline-start:$spacer * 1 !important;padding-inline-end:$spacer * 1 !important;}
+.p-px-4 {padding-inline-start:$spacer * 1.5 !important;padding-inline-end:$spacer * 1.5 !important;}
+.p-px-5 {padding-inline-start:$spacer * 2 !important;padding-inline-end:$spacer * 2 !important;}
+.p-px-6 {padding-inline-start:$spacer * 3 !important;padding-inline-end:$spacer * 3 !important;}
 
 .p-py-0 {padding-top:0 !important;padding-bottom:0 !important;}
 .p-py-1 {padding-top:$spacer * 0.25 !important;padding-bottom:$spacer * 0.25 !important;}
@@ -63,21 +63,21 @@
     .p-pt-sm-5 {padding-top:$spacer * 2 !important;}
     .p-pt-sm-6 {padding-top:$spacer * 3 !important;}
 
-    .p-pr-sm-0 {padding-right:0 !important;}
-    .p-pr-sm-1 {padding-right:$spacer * 0.25 !important;}
-    .p-pr-sm-2 {padding-right:$spacer * 0.5 !important;}
-    .p-pr-sm-3 {padding-right:$spacer * 1 !important;}
-    .p-pr-sm-4 {padding-right:$spacer * 1.5 !important;}
-    .p-pr-sm-5 {padding-right:$spacer * 2 !important;}
-    .p-pr-sm-6 {padding-right:$spacer * 3 !important;}
-
-    .p-pl-sm-0 {padding-left:0 !important;}
-    .p-pl-sm-1 {padding-left:$spacer * 0.25 !important;}
-    .p-pl-sm-2 {padding-left:$spacer * 0.5 !important;}
-    .p-pl-sm-3 {padding-left:$spacer * 1 !important;}
-    .p-pl-sm-4 {padding-left:$spacer * 1.5 !important;}
-    .p-pl-sm-5 {padding-left:$spacer * 2 !important;}
-    .p-pl-sm-6 {padding-left:$spacer * 3 !important;}
+    .p-pr-sm-0 {padding-inline-end:0 !important;}
+    .p-pr-sm-1 {padding-inline-end:$spacer * 0.25 !important;}
+    .p-pr-sm-2 {padding-inline-end:$spacer * 0.5 !important;}
+    .p-pr-sm-3 {padding-inline-end:$spacer * 1 !important;}
+    .p-pr-sm-4 {padding-inline-end:$spacer * 1.5 !important;}
+    .p-pr-sm-5 {padding-inline-end:$spacer * 2 !important;}
+    .p-pr-sm-6 {padding-inline-end:$spacer * 3 !important;}
+
+    .p-pl-sm-0 {padding-inline-start:0 !important;}
+    .p-pl-sm-1 {padding-inline-start:$spacer * 0.25 !important;}
+    .p-pl-sm-2 {padding-inline-start:$spacer * 0.5 !important;}
+    .p-pl-sm-3 {padding-inline-start:$spacer * 1 !important;}
+    .p-pl-sm-4 {padding-inline-start:$spacer * 1.5 !important;}
+    .p-pl-sm-5 {padding-inline-start:$spacer * 2 !important;}
+    .p-pl-sm-6 {padding-inline-start:$spacer * 3 !important;}
 
     .p-pb-sm-0 {padding-bottom:0 !important;}
     .p-pb-sm-1 {padding-bottom:$spacer * 0.25 !important;}
@@ -87,13 +87,13 @@
     .p-pb-sm-5 {padding-bottom:$spacer * 2 !important;}
     .p-pb-sm-6 {padding-bottom:$spacer * 3 !important;}
 
-    .p-px-sm-0 {padding-left:0 !important;padding-right:0 !important;}
-    .p-px-sm-1 {padding-left:$spacer * 0.25 !important;padding-right:$spacer * 0.25 !important;}
-    .p-px-sm-2 {padding-left:$spacer * 0.5 !important;padding-right:$spacer * 0.5 !important;}
-    .p-px-sm-3 {padding-left:$spacer * 1 !important;padding-right:$spacer * 1 !important;}
-    .p-px-sm-4 {padding-left:$spacer * 1.5 !important;padding-right:$spacer * 1.5 !important;}
-    .p-px-sm-5 {padding-left:$spacer * 2 !important;padding-right:$spacer * 2 !important;}
-    .p-px-sm-6 {padding-left:$spacer * 3 !important;padding-right:$spacer * 3 !important;}
+    .p-px-sm-0 {padding-inline-start:0 !important;padding-inline-end:0 !important;}
+    .p-px-sm-1 {padding-inline-start:$spacer * 0.25 !important;padding-inline-end:$spacer * 0.25 !important;}
+    .p-px-sm-2 {padding-inline-start:$spacer * 0.5 !important;padding-inline-end:$spacer * 0.5 !important;}
+    .p-px-sm-3 {padding-inline-start:$spacer * 1 !important;padding-inline-end:$spacer * 1 !important;}
+    .p-px-sm-4 {padding-inline-start:$spacer * 1.5 !important;padding-inline-end:$spacer * 1.5 !important;}
+    .p-px-sm-5 {padding-inline-start:$spacer * 2 !important;padding-inline-end:$spacer * 2 !important;}
+    .p-px-sm-6 {padding-inline-start:$spacer * 3 !important;padding-inline-end:$spacer * 3 !important;}
 
     .p-py-sm-0 {padding-top:0 !important;padding-bottom:0 !important;}
     .p-py-sm-1 {padding-top:$spacer * 0.25 !important;padding-bottom:$spacer * 0.25 !important;}
@@ -121,21 +121,21 @@
     .p-pt-md-5 {padding-top:$spacer * 2 !important;}
     .p-pt-md-6 {padding-top:$spacer * 3 !important;}
 
-    .p-pr-md-0 {padding-right:0 !important;}
-    .p-pr-md-1 {padding-right:$spacer * 0.25 !important;}
-    .p-pr-md-2 {padding-right:$spacer * 0.5 !important;}
-    .p-pr-md-3 {padding-right:$spacer * 1 !important;}
-    .p-pr-md-4 {padding-right:$spacer * 1.5 !important;}
-    .p-pr-md-5 {padding-right:$spacer * 2 !important;}
-    .p-pr-md-6 {padding-right:$spacer * 3 !important;}
-
-    .p-pl-md-0 {padding-left:0 !important;}
-    .p-pl-md-1 {padding-left:$spacer * 0.25 !important;}
-    .p-pl-md-2 {padding-left:$spacer * 0.5 !important;}
-    .p-pl-md-3 {padding-left:$spacer * 1 !important;}
-    .p-pl-md-4 {padding-left:$spacer * 1.5 !important;}
-    .p-pl-md-5 {padding-left:$spacer * 2 !important;}
-    .p-pl-md-6 {padding-left:$spacer * 3 !important;}
+    .p-pr-md-0 {padding-inline-end:0 !important;}
+    .p-pr-md-1 {padding-inline-end:$spacer * 0.25 !important;}
+    .p-pr-md-2 {padding-inline-end:$spacer * 0.5 !important;}
+    .p-pr-md-3 {padding-inline-end:$spacer * 1 !important;}
+    .p-pr-md-4 {padding-inline-end:$spacer * 1.5 !important;}
+    .p-pr-md-5 {padding-inline-end:$spacer * 2 !important;}
+    .p-pr-md-6 {padding-inline-end:$spacer * 3 !important;}
+
+    .p-pl-md-0 {padding-inline-start:0 !important;}
+    .p-pl-md-1 {padding-inline-start:$spacer * 0.25 !important;}
+    .p-pl-md-2 {padding-inline-start:$spacer * 0.5 !important;}
+    .p-pl-md-3 {padding-inline-start:$spacer * 1 !important;}
+    .p-pl-md-4 {padding-inline-start:$spacer * 1.5 !important;}
+    .p-pl-md-5 {padding-inline-start:$spacer * 2 !important;}
+    .p-pl-md-6 {padding-inline-start:$spacer * 3 !important;}
 
     .p-pb-md-0 {padding-bottom:0 !important;}
     .p-pb-md-1 {padding-bottom:$spacer * 0.25 !important;}
@@ -145,13 +145,13 @@
     .p-pb-md-5 {padding-bottom:$spacer * 2 !important;}
     .p-pb-md-6 {padding-bottom:$spacer * 3 !important;}
 
-    .p-px-md-0 {padding-left:0 !important;padding-right:0 !important;}
-    .p-px-md-1 {padding-left:$spacer * 0.25 !important;padding-right:$spacer * 0.25 !important;}
-    .p-px-md-2 {padding-left:$spacer * 0.5 !important;padding-right:$spacer * 0.5 !important;}
-    .p-px-md-3 {padding-left:$spacer * 1 !important;padding-right:$spacer * 1 !important;}
-    .p-px-md-4 {padding-left:$spacer * 1.5 !important;padding-right:$spacer * 1.5 !important;}
-    .p-px-md-5 {padding-left:$spacer * 2 !important;padding-right:$spacer * 2 !important;}
-    .p-px-md-6 {padding-left:$spacer * 3 !important;padding-right:$spacer * 3 !important;}
+    .p-px-md-0 {padding-inline-start:0 !important;padding-inline-end:0 !important;}
+    .p-px-md-1 {padding-inline-start:$spacer * 0.25 !important;padding-inline-end:$spacer * 0.25 !important;}
+    .p-px-md-2 {padding-inline-start:$spacer * 0.5 !important;padding-inline-end:$spacer * 0.5 !important;}
+    .p-px-md-3 {padding-inline-start:$spacer * 1 !important;padding-inline-end:$spacer * 1 !important;}
+    .p-px-md-4 {padding-inline-start:$spacer * 1.5 !important;padding-inline-end:$spacer * 1.5 !important;}
+    .p-px-md-5 {padding-inline-start:$spacer * 2 !important;padding-inline-end:$spacer * 2 !important;}
+    .p-px-md-6 {padding-inline-start:$spacer * 3 !important;padding-inline-end:$spacer * 3 !important;}
 
     .p-py-md-0 {padding-top:0 !important;padding-bottom:0 !important;}
     .p-py-md-1 {padding-top:$spacer * 0.25 !important;padding-bottom:$spacer * 0.25 !important;}
@@ -180,21 +180,21 @@
     .p-pt-lg-6 {padding-top:$spacer * 3 !important;}
     .p-pt-lg-auto {padding-top:$spacer * 3 !important;}
 
-    .p-pr-lg-0 {padding-right:0 !important;}
-    .p-pr-lg-1 {padding-right:$spacer * 0.25 !important;}
-    .p-pr-lg-2 {padding-right:$spacer * 0.5 !important;}
-    .p-pr-lg-3 {padding-right:$spacer * 1 !important;}
-    .p-pr-lg-4 {padding-right:$spacer * 1.5 !important;}
-    .p-pr-lg-5 {padding-right:$spacer * 2 !important;}
-    .p-pr-lg-6 {padding-right:$spacer * 3 !important;}
-
-    .p-pl-lg-0 {padding-left:0 !important;}
-    .p-pl-lg-1 {padding-left:$spacer * 0.25 !important;}
-    .p-pl-lg-2 {padding-left:$spacer * 0.5 !important;}
-    .p-pl-lg-3 {padding-left:$spacer * 1 !important;}
-    .p-pl-lg-4 {padding-left:$spacer * 1.5 !important;}
-    .p-pl-lg-5 {padding-left:$spacer * 2 !important;}
-    .p-pl-lg-6 {padding-left:$spacer * 3 !important;}
+    .p-pr-lg-0 {padding-inline-end:0 !important;}
+    .p-pr-lg-1 {padding-inline-end:$spacer * 0.25 !important;}
+    .p-pr-lg-2 {padding-inline-end:$spacer * 0.5 !important;}
+    .p-pr-lg-3 {padding-inline-end:$spacer * 1 !important;}
+    .p-pr-lg-4 {padding-inline-end:$spacer * 1.5 !important;}
+    .p-pr-lg-5 {padding-inline-end:$spacer * 2 !important;}
+    .p-pr-lg-6 {padding-inline-end:$spacer * 3 !important;}
+
+    .p-pl-lg-0 {padding-inline-start:0 !important;}
+    .p-pl-lg-1 {padding-inline-start:$spacer * 0.25 !important;}
+    .p-pl-lg-2 {padding-inline-start:$spacer * 0.5 !important;}
+    .p-pl-lg-3 {padding-inline-start:$spacer * 1 !important;}
+    .p-pl-lg-4 {padding-inline-start:$spacer * 1.5 !important;}
+    .p-pl-lg-5 {padding-inline-start:$spacer * 2 !important;}
+    .p-pl-lg-6 {padding-inline-start:$spacer * 3 !important;}
 
     .p-pb-lg-0 {padding-bottom:0 !important;}
     .p-pb-lg-1 {padding-bottom:$spacer * 0.25 !important;}
@@ -204,13 +204,13 @@
     .p-pb-lg-5 {padding-bottom:$spacer * 2 !important;}
     .p-pb-lg-6 {padding-bottom:$spacer * 3 !important;}
 
-    .p-px-lg-0 {padding-left:0 !important;padding-right:0 !important;}
-    .p-px-lg-1 {padding-left:$spacer * 0.25 !important;padding-right:$spacer * 0.25 !important;}
-    .p-px-lg-2 {padding-left:$spacer * 0.5 !important;padding-right:$spacer * 0.5 !important;}
-    .p-px-lg-3 {padding-left:$spacer * 1 !important;padding-right:$spacer * 1 !important;}
-    .p-px-lg-4 {padding-left:$spacer * 1.5 !important;padding-right:$spacer * 1.5 !important;}
-    .p-px-lg-5 {padding-left:$spacer * 2 !important;padding-right:$spacer * 2 !important;}
-    .p-px-lg-6 {padding-left:$spacer * 3 !important;padding-right:$spacer * 3 !important;}
+    .p-px-lg-0 {padding-inline-start:0 !important;padding-inline-end:0 !important;}
+    .p-px-lg-1 {padding-inline-start:$spacer * 0.25 !important;padding-inline-end:$spacer * 0.25 !important;}
+    .p-px-lg-2 {padding-inline-start:$spacer * 0.5 !important;padding-inline-end:$spacer * 0.5 !important;}
+    .p-px-lg-3 {padding-inline-start:$spacer * 1 !important;padding-inline-end:$spacer * 1 !important;}
+    .p-px-lg-4 {padding-inline-start:$spacer * 1.5 !important;padding-inline-end:$spacer * 1.5 !important;}
+    .p-px-lg-5 {padding-inline-start:$spacer * 2 !important;padding-inline-end:$spacer * 2 !important;}
+    .p-px-lg-6 {padding-inline-start:$spacer * 3 !important;padding-inline-end:$spacer * 3 !important;}
 
     .p-py-lg-0 {padding-top:0 !important;padding-bottom:0 !important;}
     .p-py-lg-1 {padding-top:$spacer * 0.25 !important;padding-bottom:$spacer * 0.25 !important;}
@@ -238,21 +238,21 @@
     .p-pt-xl-5 {padding-top:$spacer * 2 !important;}
     .p-pt-xl-6 {padding-top:$spacer * 3 !important;}
 
-    .p-pr-xl-0 {padding-right:0 !important;}
-    .p-pr-xl-1 {padding-right:$spacer * 0.25 !important;}
-    .p-pr-xl-2 {padding-right:$spacer * 0.5 !important;}
-    .p-pr-xl-3 {padding-right:$spacer * 1 !important;}
-    .p-pr-xl-4 {padding-right:$spacer * 1.5 !important;}
-    .p-pr-xl-5 {padding-right:$spacer * 2 !important;}
-    .p-pr-xl-6 {padding-right:$spacer * 3 !important;}
-
-    .p-pl-xl-0 {padding-left:0 !important;}
-    .p-pl-xl-1 {padding-left:$spacer * 0.25 !important;}
-    .p-pl-xl-2 {padding-left:$spacer * 0.5 !important;}
-    .p-pl-xl-3 {padding-left:$spacer * 1 !important;}
-    .p-pl-xl-4 {padding-left:$spacer * 1.5 !important;}
-    .p-pl-xl-5 {padding-left:$spacer * 2 !important;}
-    .p-pl-xl-6 {padding-left:$spacer * 3 !important;}
+    .p-pr-xl-0 {padding-inline-end:0 !important;}
+    .p-pr-xl-1 {padding-inline-end:$spacer * 0.25 !important;}
+    .p-pr-xl-2 {padding-inline-end:$spacer * 0.5 !important;}
+    .p-pr-xl-3 {padding-inline-end:$spacer * 1 !important;}
+    .p-pr-xl-4 {padding-inline-end:$spacer * 1.5 !important;}
+    .p-pr-xl-5 {padding-inline-end:$spacer * 2 !important;}
+    .p-pr-xl-6 {padding-inline-end:$spacer * 3 !important;}
+
+    .p-pl-xl-0 {padding-inline-start:0 !important;}
+    .p-pl-xl-1 {padding-inline-start:$spacer * 0.25 !important;}
+    .p-pl-xl-2 {padding-inline-start:$spacer * 0.5 !important;}
+    .p-pl-xl-3 {padding-inline-start:$spacer * 1 !important;}
+    .p-pl-xl-4 {padding-inline-start:$spacer * 1.5 !important;}
+    .p-pl-xl-5 {padding-inline-start:$spacer * 2 !important;}
+    .p-pl-xl-6 {padding-inline-start:$spacer * 3 !important;}
 
     .p-pb-xl-0 {padding-bottom:0 !important;}
     .p-pb-xl-1 {padding-bottom:$spacer * 0.25 !important;}
@@ -262,13 +262,13 @@
     .p-pb-xl-5 {padding-bottom:$spacer * 2 !important;}
     .p-pb-xl-6 {padding-bottom:$spacer * 3 !important;}
 
-    .p-px-xl-0 {padding-left:0 !important;padding-right:0 !important;}
-    .p-px-xl-1 {padding-left:$spacer * 0.25 !important;padding-right:$spacer * 0.25 !important;}
-    .p-px-xl-2 {padding-left:$spacer * 0.5 !important;padding-right:$spacer * 0.5 !important;}
-    .p-px-xl-3 {padding-left:$spacer * 1 !important;padding-right:$spacer * 1 !important;}
-    .p-px-xl-4 {padding-left:$spacer * 1.5 !important;padding-right:$spacer * 1.5 !important;}
-    .p-px-xl-5 {padding-left:$spacer * 2 !important;padding-right:$spacer * 2 !important;}
-    .p-px-xl-6 {padding-left:$spacer * 3 !important;padding-right:$spacer * 3 !important;}
+    .p-px-xl-0 {padding-inline-start:0 !important;padding-inline-end:0 !important;}
+    .p-px-xl-1 {padding-inline-start:$spacer * 0.25 !important;padding-inline-end:$spacer * 0.25 !important;}
+    .p-px-xl-2 {padding-inline-start:$spacer * 0.5 !important;padding-inline-end:$spacer * 0.5 !important;}
+    .p-px-xl-3 {padding-inline-start:$spacer * 1 !important;padding-inline-end:$spacer * 1 !important;}
+    .p-px-xl-4 {padding-inline-start:$spacer * 1.5 !important;padding-inline-end:$spacer * 1.5 !important;}
+    .p-px-xl-5 {padding-inline-start:$spacer * 2 !important;padding-inline-end:$spacer * 2 !important;}
+    .p-px-xl-6 {padding-inline-start:$spacer * 3 !important;padding-inline-end:$spacer * 3 !important;}
 
     .p-py-xl-0 {padding-top:0 !important;padding-bottom:0 !important;}
     .p-py-xl-1 {padding-top:$spacer * 0.25 !important;padding-bottom:$spacer * 0.25 !important;}
diff --git a/styles/lib/core/_position.scss b/styles/lib/core/_position.scss
index 4895dba..2698f86 100644
--- a/styles/lib/core/_position.scss
+++ b/styles/lib/core/_position.scss
@@ -36,6 +36,6 @@ $bottom-locations: (
 
 @include style-class('position', $position-props, true);
 @include style-class('top', $top-locations, true);
-@include style-class('left', $left-locations, true);
-@include style-class('right', $right-locations, true);
+@include style-class('inset-inline-start', $left-locations, true);
+@include style-class('inset-inline-end', $right-locations, true);
 @include style-class('bottom', $bottom-locations, true);
\ No newline at end of file
diff --git a/styles/lib/core/_spacing.scss b/styles/lib/core/_spacing.scss
index 93febe7..76d7e57 100644
--- a/styles/lib/core/_spacing.scss
+++ b/styles/lib/core/_spacing.scss
@@ -2,20 +2,20 @@ $space-scales: 0, 0.25, 0.5, 1, 1.5, 2, 3, 4, 5 !default;
 $padding-properties: (
     '': 'padding',
     't': 'padding-top',
-    'r': 'padding-right',
-    'l': 'padding-left',
+    'r': 'padding-inline-end',
+    'l': 'padding-inline-start',
     'b': 'padding-bottom',
-    'x': ('padding-left','padding-right'),
+    'x': ('padding-inline-start','padding-inline-end'),
     'y': ('padding-top','padding-bottom')
 ) !default;
 
 $margin-properties: (
     '': 'margin',
     't': 'margin-top',
-    'r': 'margin-right',
-    'l': 'margin-left',
+    'r': 'margin-inline-end',
+    'l': 'margin-inline-start',
     'b': 'margin-bottom',
-    'x': ('margin-left','margin-right'),
+    'x': ('margin-inline-start','margin-inline-end'),
     'y': ('margin-top','margin-bottom')
 ) !default;
 
diff --git a/styles/lib/core/_transform.scss b/styles/lib/core/_transform.scss
index 8a43184..60638cb 100644
--- a/styles/lib/core/_transform.scss
+++ b/styles/lib/core/_transform.scss
@@ -28,6 +28,42 @@ $transform-origin-props: (
     'origin-top-left': 'top-left'
 ) !default;
 
+$translate-props-rtl: (
+    'translate-x-0': 'translateX(0%)',
+    'translate-x-100': 'translateX(-100%)',
+    '-translate-x-100': 'translateX(100%)',
+    'translate-y-0': 'translateY(0%)',
+    'translate-y-100': 'translateY(100%)',
+    '-translate-y-100': 'translateY(-100%)'
+) !default;
+
+$rotate-props-rtl: (
+    'rotate-45': 'rotate(-45deg)',
+    '-rotate-45': 'rotate(45deg)',
+    'rotate-90': 'rotate(-90deg)',
+    '-rotate-90': 'rotate(90deg)',
+    'rotate-180': 'rotate(-180deg)',
+    '-rotate-180': 'rotate(180deg)'
+) !default;
+
+$transform-origin-props-rtl: (
+    'origin-center': 'center',
+    'origin-top': 'top',
+    'origin-top-right': 'top left',
+    'origin-right': 'left',
+    'origin-bottom-right': 'bottom left',
+    'origin-bottom': 'bottom',
+    'origin-bottom-left': 'bottom right',
+    'origin-left': 'right',
+    'origin-top-left': 'top-right'
+) !default;
+
 @include style-class('transform', $translate-props, true);
 @include style-class('transform', $rotate-props, true);
 @include style-class('transform-origin', $transform-origin-props, true);
+
+@include rtl {
+    @include style-class('transform', $translate-props-rtl, true);
+    @include style-class('transform', $rotate-props-rtl, true);
+    @include style-class('transform-origin', $transform-origin-props-rtl, true);
+}
\ No newline at end of file
diff --git a/styles/lib/core/_typography.scss b/styles/lib/core/_typography.scss
index f674f30..5595fc1 100644
--- a/styles/lib/core/_typography.scss
+++ b/styles/lib/core/_typography.scss
@@ -1,8 +1,8 @@
 $text-align-props: (
     'text-center': center,
     'text-justify': justify,
-    'text-left': left,
-    'text-right': right
+    'text-left': start,
+    'text-right': end
 ) !default;
 
 $text-decoration-props: (