Ruby on rails 如何让这个sass工作

我没有sass：

.rounded-corners {
  -moz-border-radius-topleft: 4px;

想做一些类似的事情：

$radius_size: 4;

.rounded-corners {
  -moz-border-radius-topleft: #{$radius_size}px;

或

但这些都不行。此调用的语法是什么

---

thx

您使用的是哪种版本的sass？您的第一个示例（

-moz border radius top left:{$radius\u size}px；

）应该可以工作。它在3.1.16上对我有用。

您的第一个选项（使用插值）看起来应该可以工作：

$radius_size: 4;
.rounded-corners {
  -moz-border-radius-topleft: #{$radius_size}px;
}

但是，一般来说，我认为最好将单位存储在变量本身中，因为当您在算术表达式中使用变量时，SASS将在单位之间（如果可以的话）：

$radius_size: 4px;
.rounded-corners {
  -moz-border-radius-topleft: $radius_size;
}

也可考虑使用。用它你可以写：

$radius_size: 4px;
.rounded-corners {
  +border-top-left-radius($radius_size);
}

这会自动产生：

.rounded-corners {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}

---

sass（3.1.15,3.1.10,3.1.8,3.1.7）sass轨道（3.1.5,3.1.4,3.1.2,3.1.0）

wierd似乎正在工作；也许是一个不相关的错误很酷。如果您需要知道您在应用程序中使用的gem的确切版本，并且正在使用bundler，您可以执行

bundle show

，例如

bundle show sass

，它将显示您使用的确切gem。

.rounded-corners {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}