Require or disallow extension in @import
commands.
@import "file.scss";
/** ↑
* This extension */
The rule ignores cases when Sass considers an @import
command just a plain CSS import:
- If the file’s extension is
.css
. - If the filename begins with
http://
(or any other protocol). - If the filename is a
url()
. - If the
@import
has any media queries.
string
: "always"|"never"
The following patterns are considered warnings:
@import "foo";
@import "path/fff";
@import "path\\fff";
@import "df/fff", "1.SCSS";
The following patterns are not considered warnings:
@import "fff.scss";
@import "path/fff.scss";
@import url("path/_file.css"); /* has url(), so doesn't count as a partial @import */
@import "file.css"; /* Has ".css" extension, so doesn't count as a partial @import */
/* Both are URIs, so don't count as partial @imports */
@import "http://_file.scss";
@import "//_file.scss";
@import "file.scss" screen; /* Has a media query, so doesn't count as a partial @import */
The following patterns are considered warnings:
@import "foo.scss";
@import "path/fff.less";
@import "path\\fff.ruthless";
@import "df/fff", "1.SCSS";
The following patterns are not considered warnings:
@import "foo";
@import "path/fff";
@import url("path/_file.css"); /* has url(), so doesn't count as a partial @import */
@import "file.css"; /* Has ".css" extension, so doesn't count as a partial @import */
/* Both are URIs, so don't count as partial @imports */
@import "http://_file.scss";
@import "//_file.scss";
@import "file.scss" screen; /* Has a media query, so doesn't count as a partial @import */