重大变化:-moz-document

Firefox 曾经有一个需要特殊解析的 @-moz-document 规则。随着 Firefox 取消支持,Sass 正在取消对解析它们的支持。

Sass 历来支持对 @-moz-document 规则的特殊解析。作为 Firefox 放弃了对它们的支持,Sass 还将放弃对特殊解析的支持,并将其视为未知的 at 规则。

¥Sass has historically supported a special parsing for the @-moz-document rule. As Firefox dropped support for them, Sass will also drop support for the special parsing and will treat it as an unknown at-rule.

有一个例外:空 url 前缀函数仍然是允许的,就像在针对 Firefox 的黑客攻击中使用的那样。

¥There is one exception: an empty url prefix function is still allowed, as that’s used in a hack targetting Firefox.

SCSS Syntax

@-moz-document url-prefix() {
  .error {
    color: red;
  }
}

Sass Syntax

@-moz-document url-prefix()
  .error
    color: red


CSS Output

@-moz-document url-prefix() {
  .error {
    color: red;
  }
}

过渡期过渡期 permalink

¥Transition Period

兼容性:
Dart Sass
since 1.7.2
LibSass
Ruby Sass

首先,我们将对 @-moz-document 的所有用法发出弃用警告,但空 url 前缀 hack 除外。

¥First, we’ll emit deprecation warnings for all usages of @-moz-document except for the empty url-prefix hack.

在 Dart Sass 2.0 中,@-moz-document 将被视为未知 at 规则。

¥In Dart Sass 2.0, @-moz-document will be treated as an unknown at-rule.