use vendor-prefix mixins for css transforms

thisissoon · Feb 9, 2015 · 76f382b · 76f382b
1 parent 4721b06
commit 76f382b
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/app/less/default/core/utilities.less b/app/less/default/core/utilities.less
@@ -29,8 +29,8 @@
     margin-top: 100%;
     padding-right: 40px;
     text-align: right;
-    transform: rotate(-90deg);
-    transform-origin: left top 0;
+    .rotate(-90deg);
+    .transform-origin(left top 0);
 }
 
 .columns-2 {

diff --git a/app/less/default/modules/nav-counter.less b/app/less/default/modules/nav-counter.less
@@ -39,8 +39,8 @@
 
     .count-text {
         color: @white;
-        transform: rotate(-90deg);
-        transform-origin: top left;
+        .rotate(-90deg);
+        .transform-origin(top left);
         margin-left: 8px;
         width: 200px;
     }

diff --git a/app/less/default/modules/project-list.less b/app/less/default/modules/project-list.less
@@ -40,7 +40,7 @@
         .vertical-center {
             position: absolute;
             top: 50%;
-            transform: translateY(-50%);
+            .translate(0, -50%);
         }
 
         &:hover {
@@ -78,7 +78,7 @@
         left: 100%;
         position: absolute;
         top: 50%;
-        transform: translateY(-50%);
+        .translate(0, -50%);
     }
 }
 

diff --git a/app/less/mobile/modules/project-list.less b/app/less/mobile/modules/project-list.less
@@ -18,7 +18,7 @@
         .vertical-center {
             position: relative;
             top: 0;
-            transform: translateY(0);
+            .translate(0, 0);
         }
 
         &:hover {

diff --git a/app/less/tablet/modules/project-list.less b/app/less/tablet/modules/project-list.less
@@ -18,7 +18,7 @@
         .vertical-center {
             position: relative;
             top: 0;
-            transform: translateY(0);
+            .translate(0, 0);
         }
 
         &:hover {