convert sass to scss

Question

Hi I have this sass mixin and id like to change it to SCSS mixin im really close can anyone help?

SASS
=animate($name: fadeIn, $duration: 1s, $delay: .2s, $function: ease, $mode: both)
  +experimental(animation, $name $duration $delay $function $mode)

What iv done so far in SCSS
@mixin animate($name, $duration, $delay, $function, $mode) {
animation: {
  name: $name; 
  duration: $duration; 
  delay: $delay; 
  function: $function; 
  mode: $mode;
 }
}

Answer 1

I am thinking this is what you are trying to do.

MIXIN:

@mixin animate($name, $duration, $delay, $function, $mode) {
   name: $name; 
   duration: $duration; 
   delay: $delay; 
   function: $function; 
   mode: $mode;
}

INCLUDE:

// SELECTOR TO ADD ANIMATION TO
.animation {
    @include animate(fadein, 1s, .2s, ease, both);
}

Answer 2

SCSS =

@mixin animate($name, $duration, $delay, $function, $mode) {
   name: $name; 
   duration: $duration; 
   delay: $delay; 
   function: $function; 
   mode: $mode }

.animation {
    @include animate(fadein, 1s, .2s, ease, both) }

CSS =

.animation {
  name: fadein;
  duration: 1s;
  delay: 0.2s;
  function: ease;
  mode: both; }