at-rule-name-case.md

Pattern: Inconsistent at-rule name case

Issue: -

Description

Specify lowercase or uppercase for at-rules names. This rule ignores @import in Less. Only lowercase at-rule names are valid in SCSS.

Examples

"lower"

The following patterns are considered violations:

@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 violations:

@charset 'UTF-8';

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

"upper"

The following patterns are considered violations:

@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 violations:

@CHARSET 'UTF-8';

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

Further Reading

• stylelint - at-rule-name-case