centering-mixin: substitute "vert" and "horiz"

nikita-kit · Aug 24, 2015 · 5ce2a8c · 5ce2a8c
1 parent 911263c
commit 5ce2a8c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+# 0.11
+
+* centering-mixin: substitute "vert" and "horiz"
+
 # 0.10.1
 
 * added _ib.scss description

diff --git a/mixins/_centering.scss b/mixins/_centering.scss
@@ -20,14 +20,14 @@
 // Sample output:
 // .element-1 {
 //     position: absolute;
-//     top: 50%;
-//     transform: translateY(-50%);
+//     left: 50%;
+//     transform: translateX(-50%);
 // }
 // 
 // .element-2 {
 //     position: absolute;
-//     left: 50%;
-//     transform: translateX(-50%);
+//     top: 50%;
+//     transform: translateY(-50%);
 // }
 // 
 // .element-3 {
@@ -45,15 +45,15 @@
 
 	@if $scope == "horiz" {
 		& {
-			top: 50%;
-			transform: translateY(-50%);
+			left: 50%;
+			transform: translateX(-50%);
 		}
 	}
 
 	@if $scope == "vert" {
 		& {
-			left: 50%;
-			transform: translateX(-50%);
+			top: 50%;
+			transform: translateY(-50%);
 		}
 	}