我的一个 SCSS 包含文件中有这样的内容:
$inputBorderRadius: 0 !default;
.input {
@include border-radius($inputBorderRadius);
}
这很好用;我可以覆盖$inputBorderRadius
之前的代码,包括上面的代码,一切都按照我期望的方式运行。
我想知道的是,border-radius
如果(例如)$inputBorderRadius
为空,是否有办法告诉 SASS 根本不生成规则。就我而言,我只是不想生成像border-radius: 0
指定默认值那样的多余规则。
我知道该@if
指令,但文档说:
请注意,控制指令是一项高级功能,不建议在日常造型过程中使用。
我在想这一切都错了吗?我对 SASS 相当陌生,所以我希望这不是一个太多的问题。