Mixin to add crossbrowser vendor prefix to style property

Add crossbrowser vendor prefix.md

add crossbrowser property (not for all styles)

mixin

@mixin crossBrowser($property, $val) {
  #{$property}: #{$val};
  -webkit-#{$property}: #{$val};
  -moz-#{$property}: #{$val};
  -ms-#{$property}: #{$val};
  -o-#{$property}: #{$val};
}

usage in scss

.className {
    @include crossBrowser(transition, 4s ease)
}

output in .css

.className {
    transition: all 4s ease;
    -webkit-transition: all 4s ease;
    -moz-transition: all 4s ease;
    -ms-transition: all 4s ease;
    -o-transition: all 4s ease;
}