Fix RTL alignments

This fixes #325. It should be paired with WordPress/gutenberg#11293. This PR adds RTL ignore comments to the block alignment classes so the values are not overridden.
WordPress · Oct 31, 2018 · c459c17 · c459c17
1 parent 3409471
commit c459c17
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/sass/modules/_alignments.scss b/sass/modules/_alignments.scss
@@ -1,9 +1,11 @@
 .alignleft {
+	/*rtl:ignore*/
 	float: left;
 	margin-right: $size__spacing-unit;
 }
 
 .alignright {
+	/*rtl:ignore*/
 	float: right;
 	margin-left: $size__spacing-unit;
 }

diff --git a/style-rtl.css b/style-rtl.css
@@ -1478,12 +1478,12 @@ body.page .main-navigation {
 
 /* Alignments */
 .alignleft {
-  float: right;
+  float: left;
   margin-left: 1rem;
 }
 
 .alignright {
-  float: left;
+  float: right;
   margin-right: 1rem;
 }
 

diff --git a/style.css b/style.css
@@ -1478,11 +1478,13 @@ body.page .main-navigation {
 
 /* Alignments */
 .alignleft {
+  /*rtl:ignore*/
   float: left;
   margin-right: 1rem;
 }
 
 .alignright {
+  /*rtl:ignore*/
   float: right;
   margin-left: 1rem;
 }