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

- mariovass

---

如果你只是想在SASS和SCSS语法之间转换，那么可以使用附带在Sass中的命令行工具来完成：sass-convert filename.sass filename.scss（或者使用 sass-convert filename.scss filename.sass 来进行反向转换）。请注意，该工具能够保证转换后代码的语法正确性，并且不会改变原代码的含义。 - cimmanon

Answer 1

我想您是在尝试做这件事情。 MIXIN:

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

- khollenbeck

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

- Shipow

Answer 3

你可以尝试这个：

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

- Krishna PrabhuGaonkar

---

除非你有有意义的内容要添加，否则不要顶旧问题。这个答案没有比现有答案更多的信息，并且不能直接编译。 - cimmanon