use mixin for transforms

This commit is contained in:
captainill 2015-03-16 21:48:50 -07:00
parent aac6c973e5
commit cf72e4a51a

View File

@ -128,34 +128,22 @@
{ {
0% 0%
{ {
-webkit-transform:translateX(-100%); @include translate(-100%, 0);
-moz-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
} }
40% 40%
{ {
-webkit-transform:translateX(0%); @include translate(0%, 0);
-moz-transform:translateX(0%);
-o-transform:translateX(0%);
transform:translateX(0%);
} }
60% 60%
{ {
-webkit-transform:translateX(0%); @include translate(0%, 0);
-moz-transform:translateX(0%);
-o-transform:translateX(0%);
transform:translateX(0%);
} }
100% 100%
{ {
-webkit-transform:translateX(100%); @include translate(100%, 0);
-moz-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%);
} }
} }
@ -163,34 +151,22 @@
{ {
0% 0%
{ {
-webkit-transform:translateX(-100%); @include translate(-100%, 0);
-moz-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
} }
40% 40%
{ {
-webkit-transform:translateX(0%); @include translate(0%, 0);
-moz-transform:translateX(0%);
-o-transform:translateX(0%);
transform:translateX(0%);
} }
60% 60%
{ {
-webkit-transform:translateX(0%); @include translate(0%, 0);
-moz-transform:translateX(0%);
-o-transform:translateX(0%);
transform:translateX(0%);
} }
100% 100%
{ {
-webkit-transform:translateX(100%); @include translate(100%, 0);
-moz-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%);
} }
} }
@ -198,34 +174,22 @@
{ {
0% 0%
{ {
-webkit-transform:translateX(-100%); @include translate(-100%, 0);
-moz-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
} }
40% 40%
{ {
-webkit-transform:translateX(0%); @include translate(0%, 0);
-moz-transform:translateX(0%);
-o-transform:translateX(0%);
transform:translateX(0%);
} }
60% 60%
{ {
-webkit-transform:translateX(0%); @include translate(0%, 0);
-moz-transform:translateX(0%);
-o-transform:translateX(0%);
transform:translateX(0%);
} }
100% 100%
{ {
-webkit-transform:translateX(100%); @include translate(100%, 0);
-moz-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%);
} }
} }
@ -233,33 +197,21 @@
{ {
0% 0%
{ {
-webkit-transform:translateX(-100%); @include translate(-100%, 0);
-moz-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
} }
40% 40%
{ {
-webkit-transform:translateX(0%); @include translate(0%, 0);
-moz-transform:translateX(0%);
-o-transform:translateX(0%);
transform:translateX(0%);
} }
60% 60%
{ {
-webkit-transform:translateX(0%); @include translate(0%, 0);
-moz-transform:translateX(0%);
-o-transform:translateX(0%);
transform:translateX(0%);
} }
100% 100%
{ {
-webkit-transform:translateX(100%); @include translate(100%, 0);
-moz-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%);
} }
} }