Multiple transitions with scss
<p>I have a multiple transition problem with scss <code>@mixin</code>.
Im trying to create dynamic transition <code>@mixin</code> with <strong>1-5</strong> different properties. When I'm processing the code below this <strong>error shows up</strong>:</p>

<blockquote>
  <p>Error: Mixin transition takes 1 argument but 3 were passed.
          on line 758 of style.scss, in `transition'
          from line 758 of style.scss   Use --trace for backtrace.</p>
</blockquote>

<p><strong>This is my code:</strong></p>

<hr>

<p><strong>@mixin:</strong></p>

<pre><code>@mixin transition($x){
    transition: $x;
    -webkit-transition: $x;
    -moz-transition: $x;
    -ms-transition: $x;
    -o-transition: $x;
}
</code></pre>

<hr>

<p><strong>@include:</strong></p>

<pre><code>@include transition(visibility 0s ease 0.2s, opacity 0.2s ease, transform 0.3s ease);
</code></pre>

<hr>

<p>I figured it out with this hack but it looks like a very unclean solution to me:</p>

<pre><code>@include transition(visibility 0s ease 0.2s + "," + opacity 0.2s ease + "," + transform 0.3s ease);
</code></pre>

<p><strong>Is there a better way to do it?</strong></p>