如何将SASS转换为CSS？

Question

正如标题所示，我正在寻找一种在线工具，将几行SASS转换为纯CSS ..我已经用Google搜索过了，但我发现的每个链接都在谈论CSS到SASS转换器..

此外，这里有几行我要转换成CSS：

=text-shadow($color)
  $str: null
  @for $i from 1 through 32
    $str: #{$i}px #{$i}px 0px #{$color}, $str
  text-shadow: $str

Answer 1

您问题的正确答案是：

  /* empty */

你的SASS代码的CSS等价物是一个空字符串。

<强>解释

使用=定义mixin。 mixin本身并没有定义任何CSS规则。但它可以在规则中用作捷径。像任何编程语言中的函数一样。 CSS不支持函数，因此无法在CSS中表达此SASS代码。

Answer 2

每个维基百科：

  

Sass是层叠样式表（CSS）元语言。这是一个脚本   被解释为CSS的语言。 SassScript是脚本   语言本身。

正如大多数评论所说，SASS被编译成CSS，这就是你必须要做的事情。

另外，正如Nick Tomlin所说，codepen非常适合这样的前端代码，并且完全支持SASS。

你可以找到SASS来源here，它应该对这个过程有所了解。