at-rule-name-case.md

Pattern: Incorrect case for at-rule name

Issue: -

Description

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.

Examples

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

Further Reading

• stylelint - at-rule-name-case