el-beeswarm
Version:
<div style="display: flex; padding: 1rem; flex-direction: column; align-items: center; justify-content: center; height: 100vh; text-align: center; display: flex;
74 lines (53 loc) • 1.79 kB
Markdown
# function-url-scheme-blacklist
**_Deprecated: Instead use the [`function-url-scheme-disallowed-list`](../function-url-scheme-disallowed-list/README.md) rule._**
Specify a list of disallowed URL schemes.
<!-- prettier-ignore -->
```css
a { background-image: url('http://www.example.com/file.jpg'); }
/** ↑
* This URL scheme */
```
A [URL scheme](https://url.spec.whatwg.org/#syntax-url-scheme) consists of alphanumeric, `+`, `-`, and `.` characters. It can appear at the start of a URL and is followed by `:`.
This rule ignores:
- URL arguments without an existing URL scheme
- URL arguments with variables or variable interpolation (`$sass`, `@less`, `--custom-property`, `#{$var}`, `@{var}`, `$(var)`)
## Options
`array|string|regex`: `["array", "of", /schemes/ or "/regex/"]|"scheme"|/regex/`
Given:
```
["ftp", "/^http/"]
```
The following patterns are considered violations:
<!-- prettier-ignore -->
```css
a { background-image: url('ftp://www.example.com/file.jpg'); }
```
<!-- prettier-ignore -->
```css
a { background-image: url('http://www.example.com/file.jpg'); }
```
<!-- prettier-ignore -->
```css
a { background-image: url('https://www.example.com/file.jpg'); }
```
The following patterns are _not_ considered violations:
<!-- prettier-ignore -->
```css
a { background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs='); }
```
<!-- prettier-ignore -->
```css
a { background-image: url('example.com/file.jpg'); }
```
<!-- prettier-ignore -->
```css
a { background-image: url('/example.com/file.jpg'); }
```
<!-- prettier-ignore -->
```css
a { background-image: url('//example.com/file.jpg'); }
```
<!-- prettier-ignore -->
```css
a { background-image: url('./path/to/file.jpg'); }
```