add skew mixin

This commit is contained in:
JT 2014-07-22 15:37:22 -07:00
parent 72b2e84aa3
commit 8ddcf38525
2 changed files with 20 additions and 12 deletions

View File

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

View File

@ -32,3 +32,20 @@
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; -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);
}