重大变化:abs() 百分比

Sass 历来支持 abs() 函数。CSS 支持第 4 级值和单位计算后,我们必须解决向后兼容性问题。然而,对于 abs() 功能,我们在支持 % 单元时存在兼容性问题。

Sass 中的 abs() 全局函数支持 % 单元作为输入,并且会在解析 % 值之前解析 abs() 函数。例如,如果输入是 abs(10%),则函数将返回 10%。因此,如果 10% 的值代表 -50px,则该函数将返回 -50px

¥The abs() global function in Sass supported the % unit as an input and would resolve the abs() function before resolving the % value. For instance, if the input was abs(10%) the function will return 10%. As a result, if the value of 10% represented -50px the function would return -50px.

但是,CSS abs() abs 函数将在解析该函数之前解析 %。因此,如果 10% 的值代表 -50px,则 abs(10%) 将返回 -10%,在浏览器中将返回 50px

¥However, the CSS abs() abs function will resolve the % before resolving the function. Therefore if the value of 10% represented -50px, abs(10%) would return -10% which in the browser would be 50px.

出于这个原因,我们不推荐使用带有百分比的全局 abs()函数。要保留当前行为,请改用 math.abs()

¥For this reason, we are deprecating the global abs() function with a percentage. To preserve the current behavior, use math.abs() instead.