From 33e178d1389ff97e9df2f6ae9cfd97eec01fa77b Mon Sep 17 00:00:00 2001
From: "I.Belkov" <ibelkov@Mac-mini-IBelkov.local>
Date: Wed, 9 Mar 2016 20:09:59 +0300
Subject: [PATCH] add viewport-unit mixin

---
 examples/sass/_mixins.scss | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/examples/sass/_mixins.scss b/examples/sass/_mixins.scss
index d561473..65b34ee 100755
--- a/examples/sass/_mixins.scss
+++ b/examples/sass/_mixins.scss
@@ -1,9 +1,20 @@
 /* From https://coderwall.com/p/qac-og */
 
 @mixin calc($property, $expression, $x:"") {
-
-
   #{$property}: -moz-calc(#{$expression}) #{$x};
   #{$property}: -webkit-calc(#{$expression}) #{$x};
   #{$property}: calc(#{$expression}) #{$x};
-}
\ No newline at end of file
+}
+
+// Mixin for simple using viewport units with buggyfill
+// Example include: @include viewport-unit((width: 23.5vw, height: 32vw, background-position: -47.8vw top));
+// Its work!)
+
+@mixin viewport-unit($prop-value){
+  $str:;
+  @each $prop, $value in $prop-value {
+    #{$prop}: #{$value};
+    $str: "#{$str} #{$prop}: #{$value};"
+  }
+  content: "viewport-units-buggyfill; #{$str}";
+}