at-rule-name-case

Specify lowercase or uppercase for at-rules names.

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

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

The message secondary option can accept the arguments of this rule.

The rule passes over @charset, whose spelling Stylelint's at-charset-rule-no-invalid rule judges; a CSS file holding one gets a warning asking for that rule where the configuration leaves it off.

Options

string: "lower"|"upper"

"lower"

The following patterns are considered problems:

@Layer base;

@lAyEr base;

@LAYER base;

@Media (min-width: 50em) {}

@mEdIa (min-width: 50em) {}

@MEDIA (min-width: 50em) {}

The following patterns are not considered problems:

@layer base;

@media (min-width: 50em) {}

"upper"

The following patterns are considered problems:

@Layer base;

@lAyEr base;

@layer base;

@Media (min-width: 50em) {}

@mEdIa (min-width: 50em) {}

@media (min-width: 50em) {}

The following patterns are not considered problems:

@LAYER base;

@MEDIA (min-width: 50em) {}