如何在混合蛋白中解析字符串参数，或者也许是一种从结果CSS中删除引号的方法?(.scs -sass)

Question

我在SCSS中（或其他任何编码Rs）中极为新手，只是在玩SASS，然后我停止了问题。

我试图将混音用于盒子阴影的多个阴影，我们都在传统的CSS中知道，应该这样：

box-shadow: 0 1px 1px #333, 0 0 10px #222

然后我已经编码了此Mixin：

@mixin set_shadow($shadows){
  -moz-box-shadow:$shadows;
  -webkit-box-shadow:$shadows;
  box-shadow:$shadows;
}

结果几乎是我想要的：

-moz-box-shadow: "0px 1px 1px black, 0px 0px 3px black";
-webkit-box-shadow: "0px 1px 1px black, 0px 0px 3px black";
box-shadow: "0px 1px 1px black, 0px 0px 3px black";

buuut ...可悲..

报价不允许代码

如何在.scss（SASS）中解析字符串参数，或一种从结果CSS中删除引号的方法？

Answer 1

看来unquote()函数是您要寻找的：

@mixin set_shadow($shadows){
  -moz-box-shadow: unquote($shadows);
  -webkit-box-shadow: unquote($shadows);
  box-shadow: unquote($shadows);
}
h1 {
  @include set_shadow("0 1px 1px #333, 0 0 10px #222");
}

另外，您可以使用变量参数。然后传递无名的阴影列表。

@mixin set_shadow($shadows...){
  -moz-box-shadow: $shadows;
  -webkit-box-shadow: $shadows;
  box-shadow: $shadows;
}
h1 {
  @include set_shadow(0 1px 1px #333, 0 0 10px #222);
}