diff --git a/assets/css/_core/_footer.scss b/assets/css/_core/_footer.scss
index 080f24e9..c5c468e2 100644
--- a/assets/css/_core/_footer.scss
+++ b/assets/css/_core/_footer.scss
@@ -40,23 +40,23 @@ footer {
 @keyframes icon-animate {
   0%,
   100% {
-    transform: scale(1);
+    @include transform(scale(1));
   }
 
   10%,
   30% {
-    transform: scale(0.9);
+    @include transform(scale(0.9));
   }
 
   20%,
   40%,
   60%,
   80% {
-    transform: scale(1.1);
+    @include transform(scale(1.1));
   }
 
   50%,
   70% {
-    transform: scale(1.1);
+    @include transform(scale(1.1));
   }
 }
diff --git a/assets/css/_core/_header.scss b/assets/css/_core/_header.scss
index b6b7dbd8..33d5cd7a 100644
--- a/assets/css/_core/_header.scss
+++ b/assets/css/_core/_header.scss
@@ -219,7 +219,7 @@ header {
       >.menu-item:hover {
         & .sub-menu {
           display: block;
-          transform: translateX(-0.5rem);
+          @include transform(translateX(-0.5rem));
         }
       }
 
diff --git a/assets/css/_page/_friends.scss b/assets/css/_page/_friends.scss
index 3d9ad625..5d0dce1a 100644
--- a/assets/css/_page/_friends.scss
+++ b/assets/css/_page/_friends.scss
@@ -34,7 +34,7 @@
 }
 .friend-link:hover {
   background: #fff;
-  transform: scale(1.03);
+  @include transform(scale(1.03));
   box-shadow: 0 0 3px #aaa;
 }
 .friend-avatar {
diff --git a/assets/css/_partials/_widgets/_github-corner.scss b/assets/css/_partials/_widgets/_github-corner.scss
index 6864f226..157eecab 100644
--- a/assets/css/_partials/_widgets/_github-corner.scss
+++ b/assets/css/_partials/_widgets/_github-corner.scss
@@ -1,15 +1,15 @@
 @keyframes octocat-wave {
   0%,
   100% {
-    transform: rotate(0);
+    @include transform(rotate(0));
   }
   20%,
   60% {
-    transform: rotate(-25deg);
+    @include transform(rotate(-25deg));
   }
   40%,
   80% {
-    transform: rotate(10deg);
+    @include transform(rotate(10deg));
   }
 }
 
@@ -37,7 +37,7 @@
     left: 0;
 
     svg {
-      transform: scale(-1, 1);
+      @include transform(scale(-1, 1));
     }
   }
   &.right {