Disallow scheme-relative urls.
a { background-image: url('//www.google.com/file.jpg'); }
/** ↑
* This scheme-relative url */
A scheme-relative url is a url that begins with //
followed by a host.
This rule ignores url arguments that are variables ($sass
, @less
, --custom-property
).
true
The following patterns are considered violations:
a {
background: url("//www.google.com/file.jpg");
}
The following patterns are not considered violations:
a {
background: url("../file.jpg");
}
a {
background: url("http://www.google.com/file.jpg");
}
a {
background: url("/path/to/file.jpg");
}