From 9ba05e6eff75d046f5b945c6e9b4e8c39185a490 Mon Sep 17 00:00:00 2001
From: Dekel <dekelb@gmail.com>
Date: Fri, 26 May 2017 21:32:36 +0300
Subject: [PATCH] rtl to scss files

---
 scss/control.scss |  9 +++++++++
 scss/multi.scss   | 14 ++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/scss/control.scss b/scss/control.scss
index 360a32f9ac..b3ee47f85f 100644
--- a/scss/control.scss
+++ b/scss/control.scss
@@ -27,6 +27,10 @@
 		cursor: default;
 		pointer-events: none;
 	}
+	&.Select-rtl {
+		direction: rtl;
+		text-align: right;
+	}
 }
 
 // base
@@ -230,6 +234,11 @@
 	vertical-align: middle;
 	width: ($select-arrow-width * 5);
 	padding-right: $select-arrow-width;
+
+	.Select-rtl & {
+		padding-right: 0;
+		padding-left: $select-arrow-width;
+	}
 }
 
 .Select-arrow {
diff --git a/scss/multi.scss b/scss/multi.scss
index fce8369012..48d6c799af 100644
--- a/scss/multi.scss
+++ b/scss/multi.scss
@@ -14,6 +14,10 @@
 		margin-left: $select-padding-horizontal;
 		padding: 0;
 	}
+	&.Select-rtl .Select-input {
+		margin-left: 0;
+		margin-right: $select-padding-horizontal;
+	}
 
 	// reduce margin once there is value
 	&.has-value .Select-input {
@@ -75,6 +79,16 @@
 		}
 	}
 
+	&.Select-rtl {
+		.Select-value {
+		  margin-left: 0;
+		  margin-right: $select-item-gutter;
+		}
+		.Select-value-icon {
+			border-right: none;
+			border-left: 1px solid $select-item-border-color;
+		}
+	}
 }
 
 .Select--multi.is-disabled {