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) {}