如何在mixin中解析字符串参数，或者，如何从结果css中删除引号？（.scss-SASS）

我是SCS或其他任何类型的编码的新手，我只是在玩sass，然后我遇到了一个问题

我尝试将多个阴影混合到一个长方体阴影中，我们都知道在传统css中，应该是这样的：

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

然后我对这个混音进行了编码：

@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";

布乌特。。。可悲的是

引号不允许代码工作

如何解析.scss SASS中的字符串参数，或者从生成的css中删除引号的一种方法？

该函数似乎就是您要寻找的：

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

看起来该功能正是您想要的：

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

---

您可能需要研究一下，其中包括所有CSS3供应商前缀以及所有需要考虑的内容。这会节省你的时间。例如：。它甚至足够聪明，可以在不加引号的情况下拍摄一组阴影。您可能想查看一下，其中包括所有CSS3供应商前缀以及所有需要处理的内容。这会节省你的时间。例如：。它甚至足够聪明，可以在没有引号的情况下拍摄一组阴影。现在无法测试，但谢谢你，很快，我会发布结果。现在无法测试，但谢谢你，很快，我会发布结果