浏览代码

Varia: Add margins properly for left/right aligned elements.

Allan Cole 6 年之前
父节点
当前提交
58dcc2363b
共有 3 个文件被更改,包括 10 次插入3 次删除
  1. 4 1
      varia/sass/blocks/utilities/_style.scss
  2. 2 1
      varia/style-rtl.css
  3. 4 1
      varia/style.css

+ 4 - 1
varia/sass/blocks/utilities/_style.scss

@@ -6,6 +6,8 @@
 	/*rtl:ignore*/
 	/*rtl:ignore*/
 	float: left;
 	float: left;
 	margin-top: 0;
 	margin-top: 0;
+	/*rtl:ignore*/
+	margin-right: #{map-deep-get($config-global, "spacing", "horizontal")};
 	margin-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
 	margin-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
 }
 }
 
 
@@ -20,9 +22,10 @@
 	/*rtl:ignore*/
 	/*rtl:ignore*/
 	float: right;
 	float: right;
 	/*rtl:ignore*/
 	/*rtl:ignore*/
-	margin-left: #{map-deep-get($config-global, "spacing", "horizontal")};
 	margin-top: 0;
 	margin-top: 0;
 	margin-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
 	margin-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
+	/*rtl:ignore*/
+	margin-left: #{map-deep-get($config-global, "spacing", "horizontal")};
 }
 }
 
 
 /**
 /**

+ 2 - 1
varia/style-rtl.css

@@ -1926,6 +1926,7 @@ table th,
 	text-align: left;
 	text-align: left;
 	float: left;
 	float: left;
 	margin-top: 0;
 	margin-top: 0;
+	margin-right: 16px;
 	margin-bottom: 32px;
 	margin-bottom: 32px;
 }
 }
 
 
@@ -1937,9 +1938,9 @@ table th,
 
 
 .alignright {
 .alignright {
 	float: right;
 	float: right;
-	margin-left: 16px;
 	margin-top: 0;
 	margin-top: 0;
 	margin-bottom: 32px;
 	margin-bottom: 32px;
+	margin-left: 16px;
 }
 }
 
 
 /**
 /**

+ 4 - 1
varia/style.css

@@ -1928,6 +1928,8 @@ table th,
 	/*rtl:ignore*/
 	/*rtl:ignore*/
 	float: left;
 	float: left;
 	margin-top: 0;
 	margin-top: 0;
+	/*rtl:ignore*/
+	margin-right: 16px;
 	margin-bottom: 32px;
 	margin-bottom: 32px;
 }
 }
 
 
@@ -1941,9 +1943,10 @@ table th,
 	/*rtl:ignore*/
 	/*rtl:ignore*/
 	float: right;
 	float: right;
 	/*rtl:ignore*/
 	/*rtl:ignore*/
-	margin-left: 16px;
 	margin-top: 0;
 	margin-top: 0;
 	margin-bottom: 32px;
 	margin-bottom: 32px;
+	/*rtl:ignore*/
+	margin-left: 16px;
 }
 }
 
 
 /**
 /**