convert sass to scss

Question

Привет, у меня есть этот sass mixin и id, чтобы изменить его на SCSS mixin im действительно близко, может кто-нибудь помочь?

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

Я думаю, что это то, что вы пытаетесь сделать.

подмешать:

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

ВКЛЮЧЕНО:

// 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; } 

Answer 3

Вы можете попробовать это:

@mixin animate($name: fadeIn, $duration: 1s, $delay: 0.2s, $function: ease, $mode: both) { 
    @include experimental(animation, $name $duration $delay $function $mode); 
}