Browse Source

Varia: Make RTL compiling script ignore left/right spacing utility classes for visual consistency.

Allan Cole 5 years ago
parent
commit
eb4db58255
4 changed files with 48 additions and 12 deletions
  1. 12 0
      varia/sass/blocks/utilities/_spacing-overrides.scss
  2. 12 0
      varia/style-editor.css
  3. 12 12
      varia/style-rtl.css
  4. 12 0
      varia/style.css

+ 12 - 0
varia/sass/blocks/utilities/_spacing-overrides.scss

@@ -15,14 +15,17 @@
 }
 }
 
 
 .margin-right-none {
 .margin-right-none {
+	/*rtl:ignore*/
 	margin-right: 0 !important;
 	margin-right: 0 !important;
 }
 }
 
 
 .margin-right-half {
 .margin-right-half {
+	/*rtl:ignore*/
 	margin-right: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
 	margin-right: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
 }
 }
 
 
 .margin-right-default {
 .margin-right-default {
+	/*rtl:ignore*/
 	margin-right: map-deep-get($config-global, "spacing", "vertical") !important;
 	margin-right: map-deep-get($config-global, "spacing", "vertical") !important;
 }
 }
 
 
@@ -39,14 +42,17 @@
 }
 }
 
 
 .margin-left-none {
 .margin-left-none {
+	/*rtl:ignore*/
 	margin-left: 0 !important;
 	margin-left: 0 !important;
 }
 }
 
 
 .margin-left-half {
 .margin-left-half {
+	/*rtl:ignore*/
 	margin-left: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
 	margin-left: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
 }
 }
 
 
 .margin-left-default {
 .margin-left-default {
+	/*rtl:ignore*/
 	margin-left: map-deep-get($config-global, "spacing", "vertical") !important;
 	margin-left: map-deep-get($config-global, "spacing", "vertical") !important;
 }
 }
 
 
@@ -67,14 +73,17 @@
 }
 }
 
 
 .padding-right-none {
 .padding-right-none {
+	/*rtl:ignore*/
 	padding-right: 0 !important;
 	padding-right: 0 !important;
 }
 }
 
 
 .padding-right-half {
 .padding-right-half {
+	/*rtl:ignore*/
 	padding-right: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
 	padding-right: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
 }
 }
 
 
 .padding-right-default {
 .padding-right-default {
+	/*rtl:ignore*/
 	padding-right: map-deep-get($config-global, "spacing", "vertical") !important;
 	padding-right: map-deep-get($config-global, "spacing", "vertical") !important;
 }
 }
 
 
@@ -91,13 +100,16 @@
 }
 }
 
 
 .padding-left-none {
 .padding-left-none {
+	/*rtl:ignore*/
 	padding-left: 0 !important;
 	padding-left: 0 !important;
 }
 }
 
 
 .padding-left-half {
 .padding-left-half {
+	/*rtl:ignore*/
 	padding-left: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
 	padding-left: (0.5 * map-deep-get($config-global, "spacing", "vertical")) !important;
 }
 }
 
 
 .padding-left-default {
 .padding-left-default {
+	/*rtl:ignore*/
 	padding-left: map-deep-get($config-global, "spacing", "vertical") !important;
 	padding-left: map-deep-get($config-global, "spacing", "vertical") !important;
 }
 }

+ 12 - 0
varia/style-editor.css

@@ -739,14 +739,17 @@ table th,
 }
 }
 
 
 .margin-right-none {
 .margin-right-none {
+	/*rtl:ignore*/
 	margin-right: 0 !important;
 	margin-right: 0 !important;
 }
 }
 
 
 .margin-right-half {
 .margin-right-half {
+	/*rtl:ignore*/
 	margin-right: 16px !important;
 	margin-right: 16px !important;
 }
 }
 
 
 .margin-right-default {
 .margin-right-default {
+	/*rtl:ignore*/
 	margin-right: 32px !important;
 	margin-right: 32px !important;
 }
 }
 
 
@@ -763,14 +766,17 @@ table th,
 }
 }
 
 
 .margin-left-none {
 .margin-left-none {
+	/*rtl:ignore*/
 	margin-left: 0 !important;
 	margin-left: 0 !important;
 }
 }
 
 
 .margin-left-half {
 .margin-left-half {
+	/*rtl:ignore*/
 	margin-left: 16px !important;
 	margin-left: 16px !important;
 }
 }
 
 
 .margin-left-default {
 .margin-left-default {
+	/*rtl:ignore*/
 	margin-left: 32px !important;
 	margin-left: 32px !important;
 }
 }
 
 
@@ -790,14 +796,17 @@ table th,
 }
 }
 
 
 .padding-right-none {
 .padding-right-none {
+	/*rtl:ignore*/
 	padding-right: 0 !important;
 	padding-right: 0 !important;
 }
 }
 
 
 .padding-right-half {
 .padding-right-half {
+	/*rtl:ignore*/
 	padding-right: 16px !important;
 	padding-right: 16px !important;
 }
 }
 
 
 .padding-right-default {
 .padding-right-default {
+	/*rtl:ignore*/
 	padding-right: 32px !important;
 	padding-right: 32px !important;
 }
 }
 
 
@@ -814,13 +823,16 @@ table th,
 }
 }
 
 
 .padding-left-none {
 .padding-left-none {
+	/*rtl:ignore*/
 	padding-left: 0 !important;
 	padding-left: 0 !important;
 }
 }
 
 
 .padding-left-half {
 .padding-left-half {
+	/*rtl:ignore*/
 	padding-left: 16px !important;
 	padding-left: 16px !important;
 }
 }
 
 
 .padding-left-default {
 .padding-left-default {
+	/*rtl:ignore*/
 	padding-left: 32px !important;
 	padding-left: 32px !important;
 }
 }

+ 12 - 12
varia/style-rtl.css

@@ -2161,15 +2161,15 @@ table th,
 }
 }
 
 
 .margin-right-none {
 .margin-right-none {
-	margin-left: 0 !important;
+	margin-right: 0 !important;
 }
 }
 
 
 .margin-right-half {
 .margin-right-half {
-	margin-left: 16px !important;
+	margin-right: 16px !important;
 }
 }
 
 
 .margin-right-default {
 .margin-right-default {
-	margin-left: 32px !important;
+	margin-right: 32px !important;
 }
 }
 
 
 .margin-bottom-none {
 .margin-bottom-none {
@@ -2185,15 +2185,15 @@ table th,
 }
 }
 
 
 .margin-left-none {
 .margin-left-none {
-	margin-right: 0 !important;
+	margin-left: 0 !important;
 }
 }
 
 
 .margin-left-half {
 .margin-left-half {
-	margin-right: 16px !important;
+	margin-left: 16px !important;
 }
 }
 
 
 .margin-left-default {
 .margin-left-default {
-	margin-right: 32px !important;
+	margin-left: 32px !important;
 }
 }
 
 
 /*
 /*
@@ -2212,15 +2212,15 @@ table th,
 }
 }
 
 
 .padding-right-none {
 .padding-right-none {
-	padding-left: 0 !important;
+	padding-right: 0 !important;
 }
 }
 
 
 .padding-right-half {
 .padding-right-half {
-	padding-left: 16px !important;
+	padding-right: 16px !important;
 }
 }
 
 
 .padding-right-default {
 .padding-right-default {
-	padding-left: 32px !important;
+	padding-right: 32px !important;
 }
 }
 
 
 .padding-bottom-none {
 .padding-bottom-none {
@@ -2236,15 +2236,15 @@ table th,
 }
 }
 
 
 .padding-left-none {
 .padding-left-none {
-	padding-right: 0 !important;
+	padding-left: 0 !important;
 }
 }
 
 
 .padding-left-half {
 .padding-left-half {
-	padding-right: 16px !important;
+	padding-left: 16px !important;
 }
 }
 
 
 .padding-left-default {
 .padding-left-default {
-	padding-right: 32px !important;
+	padding-left: 32px !important;
 }
 }
 
 
 /**
 /**

+ 12 - 0
varia/style.css

@@ -2166,14 +2166,17 @@ table th,
 }
 }
 
 
 .margin-right-none {
 .margin-right-none {
+	/*rtl:ignore*/
 	margin-right: 0 !important;
 	margin-right: 0 !important;
 }
 }
 
 
 .margin-right-half {
 .margin-right-half {
+	/*rtl:ignore*/
 	margin-right: 16px !important;
 	margin-right: 16px !important;
 }
 }
 
 
 .margin-right-default {
 .margin-right-default {
+	/*rtl:ignore*/
 	margin-right: 32px !important;
 	margin-right: 32px !important;
 }
 }
 
 
@@ -2190,14 +2193,17 @@ table th,
 }
 }
 
 
 .margin-left-none {
 .margin-left-none {
+	/*rtl:ignore*/
 	margin-left: 0 !important;
 	margin-left: 0 !important;
 }
 }
 
 
 .margin-left-half {
 .margin-left-half {
+	/*rtl:ignore*/
 	margin-left: 16px !important;
 	margin-left: 16px !important;
 }
 }
 
 
 .margin-left-default {
 .margin-left-default {
+	/*rtl:ignore*/
 	margin-left: 32px !important;
 	margin-left: 32px !important;
 }
 }
 
 
@@ -2217,14 +2223,17 @@ table th,
 }
 }
 
 
 .padding-right-none {
 .padding-right-none {
+	/*rtl:ignore*/
 	padding-right: 0 !important;
 	padding-right: 0 !important;
 }
 }
 
 
 .padding-right-half {
 .padding-right-half {
+	/*rtl:ignore*/
 	padding-right: 16px !important;
 	padding-right: 16px !important;
 }
 }
 
 
 .padding-right-default {
 .padding-right-default {
+	/*rtl:ignore*/
 	padding-right: 32px !important;
 	padding-right: 32px !important;
 }
 }
 
 
@@ -2241,14 +2250,17 @@ table th,
 }
 }
 
 
 .padding-left-none {
 .padding-left-none {
+	/*rtl:ignore*/
 	padding-left: 0 !important;
 	padding-left: 0 !important;
 }
 }
 
 
 .padding-left-half {
 .padding-left-half {
+	/*rtl:ignore*/
 	padding-left: 16px !important;
 	padding-left: 16px !important;
 }
 }
 
 
 .padding-left-default {
 .padding-left-default {
+	/*rtl:ignore*/
 	padding-left: 32px !important;
 	padding-left: 32px !important;
 }
 }