From 6c119fc29386c11e4787a2cb742ea9c2bf592b32 Mon Sep 17 00:00:00 2001
From: Black Mirror <blackmirror1980@gmail.com>
Date: Fri, 16 Feb 2018 08:08:13 +0100
Subject: [PATCH] added transition

---
 scss/mixins/_transition.scss | 36 ++++++++++++++++++++++++++++++++++++
 scss/mixins/mixins.scss      |  1 +
 2 files changed, 37 insertions(+)
 create mode 100644 scss/mixins/_transition.scss

diff --git a/scss/mixins/_transition.scss b/scss/mixins/_transition.scss
new file mode 100644
index 0000000..9c1ed19
--- /dev/null
+++ b/scss/mixins/_transition.scss
@@ -0,0 +1,36 @@
+// TODO: refactorization
+
+@mixin transition($transition...) {
+  -moz-transition: $transition;
+  -o-transition: $transition;
+  -webkit-transition: $transition;
+  transition: $transition;
+}
+
+@mixin transition-property($property...) {
+  -moz-transition-property: $property;
+  -o-transition-property: $property;
+  -webkit-transition-property: $property;
+  transition-property: $property;
+}
+
+@mixin transition-duration($duration...) {
+  -moz-transition-property: $duration;
+  -o-transition-property: $duration;
+  -webkit-transition-property: $duration;
+  transition-property: $duration;
+}
+
+@mixin transition-timing-function($timing...) {
+  -moz-transition-timing-function: $timing;
+  -o-transition-timing-function: $timing;
+  -webkit-transition-timing-function: $timing;
+  transition-timing-function: $timing;
+}
+
+@mixin transition-delay($delay...) {
+  -moz-transition-delay: $delay;
+  -o-transition-delay: $delay;
+  -webkit-transition-delay: $delay;
+  transition-delay: $delay;
+}
diff --git a/scss/mixins/mixins.scss b/scss/mixins/mixins.scss
index 6e6ad97..0c1355b 100644
--- a/scss/mixins/mixins.scss
+++ b/scss/mixins/mixins.scss
@@ -6,6 +6,7 @@
 @import 'border';
 @import 'media';
 @import 'transform';
+@import 'transition';
 @import 'animations';
 
 //outline