0

我的一个 SCSS 包含文件中有这样的内容:

$inputBorderRadius: 0 !default;

.input {
  @include border-radius($inputBorderRadius);
}

这很好用;我可以覆盖$inputBorderRadius之前的代码,包括上面的代码,一切都按照我期望的方式运行。

我想知道的是,border-radius如果(例如)$inputBorderRadius为空,是否有办法告诉 SASS 根本不生成规则。就我而言,我只是不想生成像border-radius: 0指定默认值那样的多余规则。

我知道该@if指令,但文档说:

请注意,控制指令是一项高级功能,不建议在日常造型过程中使用。

我在想这一切都错了吗?我对 SASS 相当陌生,所以我希望这不是一个太多的问题。

4

1 回答 1

3

您只想使用该null值代替0. Null 现在在 Sass 3.2 中可用,并且当它是唯一值时不会输出该属性。

您也可以更轻松地接受该警告。您不想在正常使用中被控制指令冲昏头脑,但是当您需要它们时它们不会伤害任何东西。对于更简单的情况也有一个有用的if($test, $true, $false)功能。

于 2012-09-14T22:43:37.373 回答