Skip to main content

function-url-no-scheme-relative

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).

Options​

true​

The following patterns are considered problems:

a {
  background: url("//www.google.com/file.jpg");
}

The following patterns are not considered problems:

a {
  background: url("../file.jpg");
}
a {
  background: url("http://www.google.com/file.jpg");
}
a {
  background: url("/path/to/file.jpg");
}