|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- # no-invalid-position-at-import-rule
-
- Disallow invalid position `@import` rules within a stylesheet.
-
- <!-- prettier-ignore -->
- ```css
- a {}
- @import 'foo.css';
- /** ↑
- * This @import */
- ```
-
- Any `@import` rules must precede all other valid at-rules and style rules in a stylesheet (ignoring `@charset`), or else the `@import` rule is invalid.
-
- ## Options
-
- ### `true`
-
- The following patterns are considered violations:
-
- <!-- prettier-ignore -->
- ```css
- a {}
- @import 'foo.css';
- ```
-
- <!-- prettier-ignore -->
- ```css
- @media print {}
- @import 'foo.css';
- ```
-
- The following patterns are _not_ considered violations:
-
- <!-- prettier-ignore -->
- ```css
- @import 'foo.css';
- a {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- /* some comment */
- @import 'foo.css';
- ```
-
- <!-- prettier-ignore -->
- ```css
- @charset 'utf-8';
- @import 'foo.css';
- ```
|