no-invalid-position-declaration

Disallow invalid position declarations.

color: red;
/** ↑
 * This declaration */

Declarations can only be positioned within the <declaration-list>, <declaration-rule-list> and <block-contents> productions.

Options

{
  "no-invalid-position-declaration": true
}

The following patterns are considered problems:

color: red;

--foo: red;

@media all {
  color: red;
}

The following patterns are not considered problems:

a { color: red; }

a { --foo: red; }

@media all {
  a {
    color: red;
  }
}

a {
  @media all {
    color: red;
  }
}

{ "ignoreAtRules": ["array", "of", "at-rules", "/regex/"] }

Ignore nesting at-rules within specified at-rules.

Given:

{
  "no-invalid-position-declaration": [
    true,
    { "ignoreAtRules": ["--foo", "/^--bar-/"] }
  ]
}

The following patterns are not considered problems:

@--foo {
  @media all {
    color: red;
  }
}

@--bar-baz qux {
  @layer foo {
    color: red;
  }
}