Mixin de transição com vários prefixos de fornecedores

Este Mixin aproveita cada loop do Sass para cobrir vários prefixos de fornecedores e tornar mais fácil incluir transições com um único include. Foi escrito para ser limpo e pequeno. Aproveitar

@mixin transition($transition...) {
    $prefixes:  ("-webkit", "-ms", "-o",  "");

        @each $prefix in $prefixes {
            #{$prefix}-transition: $transition;
        }

    transition: $transition;
}

// Uso: </p>
“ `
element {

@include transition(all 0.2s ease-in-out);

}
“ `