From 80413208e5f80f95354affdbbd6f38651f259b52 Mon Sep 17 00:00:00 2001
From: connors <connor.sears@github.com>
Date: Wed, 25 Sep 2013 15:15:55 -0700
Subject: [PATCH] Derp, actually adding mixins.

---
 lib/sass/mixins.scss | 59 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 lib/sass/mixins.scss

diff --git a/lib/sass/mixins.scss b/lib/sass/mixins.scss
new file mode 100644
index 0000000..97f98ab
--- /dev/null
+++ b/lib/sass/mixins.scss
@@ -0,0 +1,59 @@
+//
+// Mixins
+// --------------------------------------------------
+
+// Box orient
+@mixin box-orient($orient) {
+  -webkit-box-orient: $orient;
+          box-orient: $orient;
+}
+
+//Box flex
+@mixin box-flex($flex) {
+  -webkit-box-flex: $flex;
+          box-flex: $flex;
+}
+
+// Box shadow
+@mixin box-shadow($shadow...) {
+  -webkit-box-shadow: $shadow;
+          box-shadow: $shadow;
+}
+
+
+// Transitions & animations
+// --------------------------------------------------
+@mixin transition($transition...) {
+  -webkit-transition: $transition;
+          transition: $transition;
+}
+@mixin transition-property($property...) {
+  -webkit-transition-property: $property;
+          transition-property: $property;
+}
+@mixin transition-duration($duration...) {
+  -webkit-transition-duration: $duration;
+          transition-duration: $duration;
+}
+@mixin transition-timing-function($function...) {
+  -webkit-transition-timing-function: $function;
+          transition-timing-function: $function;
+}
+
+@mixin transform($transform) {
+  -webkit-transform: $transform;
+          transform: $transform;
+}
+
+@mixin animation-name($name) {
+  -webkit-animation-name: $name;
+          animation-name: $name;
+}
+@mixin animation-duration($duration) {
+  -webkit-animation-duration: $duration;
+          animation-duration: $duration;
+}
+@mixin animation-direction($direction) {
+  -webkit-animation-direction: $direction;
+          animation-direction: $direction;
+}
\ No newline at end of file