2013-06-28 71 views
0

正如标题所示,我正在寻找一个在线工具来将几行SASS转换为纯CSS ..我已经使用了它,但是我可以找到的每个链接都是在谈论CSS到SASS转换器..如何将SASS转换为CSS?

而且,这里是我想转换成CSS的几行:

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

难道你不能简单地编译SASS?这不是全部的观点吗? –

+0

您无法将* THAT *转换为CSS。不过,您可以使用运行结果。它会为你做吗? – Renan

+3

为什么不直接通过编译器运行SASS? –

回答

2

每百科:

萨斯是一个层叠样式表(CSS)的元语言。这是一个脚本编码 解释为CSS的语言。 SassScript是脚本语言 。

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

另外,正如Nick Tomlin所提到的,codepen对于这样的前端代码非常出色,并且完全支持SASS。

你可以找到SASS来源here,这应该揭示一些过程。

+2

我想这显然需要不时陈述。我敢打赌,这篇文章可能对未来一些可怜的灵魂有用。 –

+0

@WesleyMurch是的,它可以.. – LukyVj

3

正确回答你的问题是:

/* empty */ 

的CSS相当于你的SASS的代码是一个空字符串。

说明

随着=你定义一个mixin。 mixin本身并不定义任何CSS规则。但它可以在规则中用作快捷方式。像任何编程语言中的函数一样。 CSS不支持函数,所以无法在CSS中表示这个SASS代码。