Skip to main content

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