rtl to scss files

JedWatson · May 26, 2017 · 9ba05e6 · 9ba05e6
1 parent da6a5f7
commit 9ba05e6
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git 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
@@ -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 {