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}"; +}