1 files changed, 59 insertions, 0 deletions
diff --git a/p/themes/Mapco/_mixins.scss b/p/themes/Mapco/_mixins.scss
new file mode 100644
index 000000000..3542ade6b
--- /dev/null
+++ b/p/themes/Mapco/_mixins.scss
@@ -0,0 +1,59 @@
+/* FUNCTIONS */
+
+//animation
+@mixin transition($target, $duration, $ease) {
+    -webkit-transition: $target $duration $ease;
+    -moz-transition: $target $duration $ease;
+    -o-transition: $target $duration $ease;
+    -ms-transition: $target $duration $ease;
+    transition: $target $duration $ease;
+}
+
+//animation
+@mixin animation-delay($delay) {
+    -webkit-animation-delay: $delay;
+    /* Safari 4.0 - 8.0 */
+    animation-delay: $delay;
+}
+
+//animation
+@mixin animation($animate...) {
+    $max: length($animate);
+    $animations: '';
+    @for $i from 1 through $max {
+        $animations: #{$animations + nth($animate, $i)};
+        @if $i < $max {
+            $animations: #{$animations + ", "};
+        }
+    }
+    -webkit-animation: $animations;
+    -moz-animation: $animations;
+    -o-animation: $animations;
+    -ms-transition: $animations;
+    animation: $animations;
+}
+
+//keyframes
+@mixin keyframes($animationName) {
+    @-webkit-keyframes #{$animationName} {
+        @content;
+    }
+    @-moz-keyframes #{$animationName} {
+        @content;
+    }
+    @-o-keyframes #{$animationName} {
+        @content;
+    }
+    @keyframes #{$animationName} {
+        @content;
+    }
+}
+
+@mixin border-radius($radius: 4px){
+  -moz-border-radius: $radius;
+  -webkit-border-radius: $radius;
+  -ms-border-radius: $radius;
+  -o-border-radius: $radius;
+  -khtml-border-radius: $radius;
+  border-radius: $radius;
+}