sass - sass を scss に変換する

Question

こんにちは、私はこの sass mixin を持っていて、それを SCSS mixin に変更したいのですが、本当に近くにいる人はいますか?

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