add skew mixin

website/source/stylesheets/_home.less

@@ -40,19 +40,10 @@
 	padding: 200px 0;
 	background: #f8f8f8 url(../images/white-wireframe.png) center top no-repeat;
 	background-size: cover;
-
-  -webkit-transform: skewY(-2deg);
-  -moz-transform: skewY(-2deg);
-  -ms-transform: skewY(-2deg);
-  -o-transform: skewY(-2deg);
-  transform: skewY(-2deg);
+	.skewy-2-neg();
 
 	>.container{
-		-webkit-transform: skewY(2deg);
-    -moz-transform: skewY(2deg);
-    -ms-transform: skewY(2deg);
-    -o-transform: skewY(2deg);
-    transform: skewY(2deg);
+		.skewy-2-pos();
 	}
 
 	.terminal-text{

website/source/stylesheets/_utilities.less

@@ -31,4 +31,21 @@
 .opt-text(){
 	text-rendering: optimizeLegibility;
 	-webkit-font-smoothing: antialiased;
-}
+}
+
+.skewY(@skew){
+	-webkit-transform: skewY(@skew);
+  -moz-transform: skewY(@skew);
+  -ms-transform: skewY(@skew);
+  -o-transform: skewY(@skew);
+  transform: skewY(@skew)
+}
+
+.skewy-2-neg(){
+  .skewY(-2deg);
+}
+
+.skewy-2-pos(){
+	.skewY(2deg);
+}
+