跳至主要內容

函式-計算禁止沒有空格的運算子

禁止在 calc 函數中使用無空格的無效運算子。

a { top: calc(1px + 2px); }
/** ↑
* The space around this operator */

此規則會檢查在 +- 運算子之前是否有一個空白或換行加縮排,以及在該運算子之後是否有一個空白或換行。

fix 選項 可以自動修正此規則報告的所有問題。

選項

true

下列模式會被視為問題

a { top: calc(1px+2px); }
a { top: calc(1px+ 2px); }

下列模式不會被視為問題

a { top: calc(1px + 2px); }
a { top: calc(calc(1em * 2) / 3); }
a { top: calc(calc(1em*2)/3); }
a {
top: calc(var(--foo) +
var(--bar));
}
a {
top: calc(var(--foo)
+ var(--bar));
}