mixin cleanup

tophermade · Jan 15, 2014 · acd0521 · acd0521
1 parent ad85e8e
commit acd0521
Showing 1 changed file with 21 additions and 12 deletions.
diff --git a/mixins.less b/mixins.less
@@ -93,12 +93,12 @@
     background: linear-gradient(to bottom,  @color1 0%,@color1 50%,@color2 51%,@color2 100%);
 }
 
-.transition(@who: all, @length: .5s, @how: ease-out){
+.transition(@var){
-    -webkit-transition: @who @length @how;
+    -webkit-transition: @var;
-    -moz-transition: @who @length @how;
+    -moz-transition: @var;
-    -ms-transition: @who @length @how;
+    -ms-transition: @var;
-    -o-transition: @who @length @how;
+    -o-transition: @var;
-    transition: @who @length @how;
+    transition: @var;
 }
 
 .columns(@count: 2, @width: 200px, @gap: 20px){
@@ -110,6 +110,13 @@
     column-gap: @gap;
 }
 
+.animate(@var){
+  -webkit-animation: @var;
+  -moz-animation: @var;
+  -o-animation: @var;
+  animation: @var;
+}
+
 
 /* handy shortcuts */
 .true(@height: 20px){
@@ -134,12 +141,14 @@
     background: url("../img/@{img}") @method;
 }
 
-.clear{/* for use on :after */
+.clear{
-    content: " "; 
+    &:after{
-    display: block; 
+        content: " "; 
-    height: 0; 
+        display: block; 
-    clear: both; 
+        height: 0; 
-    visibility: hidden; 
+        clear: both; 
+        visibility: hidden; 
+    }
 }
 
 .magic-box{