noValueAtRule

摘要

¥Summary

规则生效日期：v1.8.0

¥Rule available since: v1.8.0
诊断类别：lint/style/noValueAtRule

¥Diagnostic Category: lint/style/noValueAtRule
此规则没有修复方案。

¥This rule doesn’t have a fix.
此规则的默认严重级别为 information。

¥The default severity of this rule is information.

如何配置

¥How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "style": {
5
        "noValueAtRule": "error"
6
      }
7
    }
8
  }
9
}

描述

¥Description

禁止在 css 模块中使用 @value 规则。

¥Disallow use of @value rule in css modules.

建议使用 CSS 变量而不是 @value 规则。

¥Use of CSS variables is recommended instead of @value rule.

示例

¥Examples

无效

¥Invalid

1
@value red: #FF0000;

code-block.css:1:1 lint/style/noValueAtRule ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ℹ Use of @value rule is disallowed
  
  > 1 │ @value red: #FF0000;
      │ ^^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Using @value is not recommended, consider using CSS variables instead.
  
  ℹ See MDN web docs for more details.

有效

¥Valid

1
:root {
2
  --red: #FF0000
3
}
4

5
p {
6
  background-color: var(--red);
7
}

noValueAtRule

摘要

如何配置

描述

示例

无效

有效

相关链接