跳到主要内容

at-rule-name-case

Specify lowercase or uppercase for at-rules names.

   @media (min-width: 10px) {}
/** ↑
* This at-rule name */

Only lowercase at-rule names are valid in SCSS.

The fix option can automatically fix some of the problems reported by this rule.

Options

string: "lower"|"upper"

"lower"

The following patterns are considered problems:

@Charset 'UTF-8';
@cHarSeT 'UTF-8';
@CHARSET 'UTF-8';
@Media (min-width: 50em) {}
@mEdIa (min-width: 50em) {}
@MEDIA (min-width: 50em) {}

The following patterns are not considered problems:

@charset 'UTF-8';
@media (min-width: 50em) {}

"upper"

The following patterns are considered problems:

@Charset 'UTF-8';
@cHarSeT 'UTF-8';
@charset 'UTF-8';
@Media (min-width: 50em) {}
@mEdIa (min-width: 50em) {}
@media (min-width: 50em) {}

The following patterns are not considered problems:

@CHARSET 'UTF-8';
@MEDIA (min-width: 50em) {}