Question

我已经用Sass / Compass写了一个带有这些mixins的样式表：

$buttonbackground: #50bfec
$darkerbackground: darken($buttonbackground, 30%)
$lighterbackground: lighten($buttonbackground, 20%)    

+background-image(linear-gradient(#6b8e23, white))
+single-text-shadow    
+box-shadow($lighterbackground 0 0 25px, $darkerbackground 0 0 3px 1px inset)

// all copied from examples

而不是在此行（来自手册）上生成代码

-webkit-box-shadow: rgba(0, 0, 255, 0.4) 0 0 25px, rgba(0, 128, 0, 0.2) 0 0 3px 1px inset;
-moz-box-shadow: rgba(0, 0, 255, 0.4) 0 0 25px, rgba(0, 128, 0, 0.2) 0 0 3px 1px inset;
box-shadow: rgba(0, 0, 255, 0.4) 0 0 25px, rgba(0, 128, 0, 0.2) 0 0 3px 1px inset

它产生这样的东西

-webkit-box-shadow: compact(#ace1f6 0 0 25px, #106d93 0 0 3px 1px inset, false, false, false, false, false, false, false, false);
-moz-box-shadow: compact(#ace1f6 0 0 25px, #106d93 0 0 3px 1px inset, false, false, false, false, false, false, false, false);
box-shadow: compact(#ace1f6 0 0 25px, #106d93 0 0 3px 1px inset, false, false, false, false, false, false, false, false);

哪个不起作用。具有这些奇怪的紧凑功能的代码（看起来不像Sass或CSS3规范）和false和+linear-gradient混合使用的+single-text-shadow过多{{1}}。（我不使用SCSS）

发生了什么，如何让它输出正确且正常工作的代码？仅供参考我使用概述here的解决方法使Compass在WebStorm（我的IDE）中工作，并使用Mac。

Answer 1

事实证明，由于compact()是一个Ruby方法，我需要使用compass命令（不是sass）。

为什么Sass / Compass会在我的代码中插入奇怪的compact（）函数，打破它？

1 个答案: