From 8ddcf385257163831e034cf1d4c0aac1f80ed10b Mon Sep 17 00:00:00 2001
From: JT <jt@ofitsownkind.com>
Date: Tue, 22 Jul 2014 15:37:22 -0700
Subject: [PATCH] add skew mixin

---
 website/source/stylesheets/_home.less      | 13 ++-----------
 website/source/stylesheets/_utilities.less | 19 ++++++++++++++++++-
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/website/source/stylesheets/_home.less b/website/source/stylesheets/_home.less
index 8d8d30739..b38e363ef 100755
--- a/website/source/stylesheets/_home.less
+++ b/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{
diff --git a/website/source/stylesheets/_utilities.less b/website/source/stylesheets/_utilities.less
index 8c4fc0e38..a67b0bdc0 100755
--- a/website/source/stylesheets/_utilities.less
+++ b/website/source/stylesheets/_utilities.less
@@ -31,4 +31,21 @@
 .opt-text(){
 	text-rendering: optimizeLegibility;
 	-webkit-font-smoothing: antialiased;
-}
\ No newline at end of file
+}
+
+.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);
+}
+