Fix select rtl

css/bulma-rtl.css

@@ -4577,13 +4577,13 @@ fieldset[disabled] .radio {
 
 .select:not(.is-multiple):not(.is-loading)::after {
   border-color: #3273dc;
-  right: 1.125em;
+  left: 1.125em;
   z-index: 4;
 }
 
 .select.is-rounded select {
   border-radius: 290486px;
-  padding-left: 1em;
+  padding-right: 1em;
 }
 
 .select select {
@@ -4604,7 +4604,7 @@ fieldset[disabled] .select select:hover {
 }
 
 .select select:not([multiple]) {
-  padding-right: 2.5em;
+  padding-left: 2.5em;
 }
 
 .select select[multiple] {
@@ -4808,7 +4808,7 @@ fieldset[disabled] .select select:hover {
 .select.is-loading::after {
   margin-top: 0;
   position: absolute;
-  right: 0.625em;
+  left: 0.625em;
   top: 0.625em;
   transform: none;
 }
@@ -7109,7 +7109,7 @@ body.has-navbar-fixed-bottom {
   height: 3.25rem;
   position: relative;
   width: 3.25rem;
-  margin-left: auto;
+  margin-right: auto;
 }
 
 .navbar-burger span {
@@ -7386,11 +7386,11 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   }
   .navbar-start {
     justify-content: flex-start;
-    margin-right: auto;
+    margin-left: auto;
   }
   .navbar-end {
     justify-content: flex-end;
-    margin-left: auto;
+    margin-right: auto;
   }
   .navbar-dropdown {
     background-color: white;
@@ -7442,11 +7442,11 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   }
   .navbar > .container .navbar-brand,
   .container > .navbar .navbar-brand {
-    margin-left: -.75rem;
+    margin-right: -0.75rem;
   }
   .navbar > .container .navbar-menu,
   .container > .navbar .navbar-menu {
-    margin-right: -.75rem;
+    margin-left: -0.75rem;
   }
   .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
     left: 0;

css/bulma.css

@@ -7442,11 +7442,11 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
   }
   .navbar > .container .navbar-brand,
   .container > .navbar .navbar-brand {
-    margin-left: -.75rem;
+    margin-left: -0.75rem;
   }
   .navbar > .container .navbar-menu,
   .container > .navbar .navbar-menu {
-    margin-right: -.75rem;
+    margin-right: -0.75rem;
   }
   .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
     left: 0;

sass/components/navbar.sass

@@ -151,7 +151,7 @@ body
 .navbar-burger
   color: $navbar-burger-color
   +hamburger($navbar-height)
-  margin-left: auto
+  +ltr-property("margin", auto, false)
 
 .navbar-menu
   display: none
@@ -348,10 +348,10 @@ a.navbar-item,
     flex-shrink: 0
   .navbar-start
     justify-content: flex-start
-    margin-right: auto
+    +ltr-property("margin", auto)
   .navbar-end
     justify-content: flex-end
-    margin-left: auto
+    +ltr-property("margin", auto, false)
   .navbar-dropdown
     background-color: $navbar-dropdown-background-color
     border-bottom-left-radius: $navbar-dropdown-radius
@@ -397,9 +397,9 @@ a.navbar-item,
   .navbar > .container,
   .container > .navbar
     .navbar-brand
-      margin-left: -.75rem
+      +ltr-property("margin", -.75rem, false)
     .navbar-menu
-      margin-right: -.75rem
+      +ltr-property("margin", -.75rem)
   // Fixed navbar
   .navbar
     &.is-fixed-bottom-desktop,

sass/form/select.sass

@@ -9,12 +9,12 @@
     &::after
       @extend %arrow
       border-color: $input-arrow
-      right: 1.125em
+      +ltr-position(1.125em)
       z-index: 4
   &.is-rounded
     select
       border-radius: $radius-rounded
-      padding-left: 1em
+      +ltr-property("padding", 1em, false)
   select
     @extend %input
     cursor: pointer
@@ -28,7 +28,7 @@
     fieldset[disabled] &:hover
       border-color: $input-disabled-border-color
     &:not([multiple])
-      padding-right: 2.5em
+      +ltr-property("padding", 2.5em)
     &[multiple]
       height: auto
       padding: 0
@@ -74,7 +74,7 @@
       @extend %loader
       margin-top: 0
       position: absolute
-      right: 0.625em
+      +ltr-position(0.625em)
       top: 0.625em
       transform: none
     &.is-small:after