mirror of
https://github.com/snachodog/just-the-docs.git
synced 2025-04-25 04:22:22 -06:00
78 lines
1.3 KiB
Markdown
78 lines
1.3 KiB
Markdown
# dollar-variable-colon-newline-after
|
|
|
|
Require a newline after the colon in `$`-variable declarations.
|
|
|
|
```scss
|
|
$box-shadow:
|
|
0 0 0 1px #5b9dd9,
|
|
0 0 2px 1px rgba(30, 140, 190, 0.8);
|
|
/* ↑ */
|
|
/** ↑
|
|
* The newline after this colon */
|
|
```
|
|
|
|
## Options
|
|
|
|
`string`: `"always"|"always-multi-line"`
|
|
|
|
### `"always"`
|
|
|
|
There *must always* be a newline after the colon.
|
|
|
|
The following patterns are considered warnings:
|
|
|
|
```scss
|
|
$var:100px;
|
|
```
|
|
|
|
```scss
|
|
a { $var:100px; }
|
|
```
|
|
|
|
```scss
|
|
$var: 100px;
|
|
```
|
|
|
|
The following patterns are *not* considered warnings:
|
|
|
|
```scss
|
|
$var:
|
|
100px;
|
|
```
|
|
|
|
```scss
|
|
a {
|
|
$var:
|
|
100px;
|
|
}
|
|
```
|
|
|
|
### `"always-multi-line"`
|
|
|
|
There *must always* be a newline after the colon *if the variable value is multi-line*.
|
|
|
|
The following patterns are considered warnings:
|
|
|
|
```scss
|
|
$box-shadow: 0 0 0 1px #5b9dd9,
|
|
0 0 2px 1px rgba(30, 140, 190, 0.8);
|
|
```
|
|
|
|
The following patterns are *not* considered warnings:
|
|
|
|
```scss
|
|
$box-shadow:
|
|
0 0 0 1px #5b9dd9,
|
|
0 0 2px 1px rgba(30, 140, 190, 0.8);
|
|
```
|
|
|
|
```scss
|
|
$box-shadow:
|
|
0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
|
|
// The VALUE is single-line, so a newline after the colon is ignored by this rule.
|
|
```
|
|
|
|
```scss
|
|
$var: 100px;
|
|
```
|