mirror of
https://github.com/CharaChorder/DeviceManager.git
synced 2026-02-13 20:52:41 +00:00
111 lines
1.8 KiB
Markdown
111 lines
1.8 KiB
Markdown
# at-rule-name-newline-after
|
|
|
|
> **Warning** This rule is deprecated and will be removed in the future. See [the migration guide](../../../docs/migration-guide/to-15.md).
|
|
|
|
Require a newline after at-rule names.
|
|
|
|
<!-- prettier-ignore -->
|
|
```css
|
|
@media
|
|
/*↑*/ (max-width: 600px) {}
|
|
/** ↑
|
|
* The newline after this at-rule name */
|
|
```
|
|
|
|
## Options
|
|
|
|
`string`: `"always"|"always-multi-line"`
|
|
|
|
### `"always"`
|
|
|
|
There _must always_ be a newline after at-rule names.
|
|
|
|
The following patterns are considered problems:
|
|
|
|
<!-- prettier-ignore -->
|
|
```css
|
|
@charset "UTF-8";
|
|
```
|
|
|
|
<!-- prettier-ignore -->
|
|
```css
|
|
@media (min-width: 700px) and
|
|
(orientation: landscape) {}
|
|
```
|
|
|
|
The following patterns are _not_ considered problems:
|
|
|
|
<!-- prettier-ignore -->
|
|
```css
|
|
@charset
|
|
"UTF-8";
|
|
```
|
|
|
|
<!-- prettier-ignore -->
|
|
```css
|
|
@import
|
|
"x.css" screen and
|
|
(orientation:landscape);
|
|
```
|
|
|
|
<!-- prettier-ignore -->
|
|
```css
|
|
@media
|
|
(min-width: 700px) and (orientation: landscape) {}
|
|
```
|
|
|
|
<!-- prettier-ignore -->
|
|
```css
|
|
@media
|
|
(min-width: 700px) and
|
|
(orientation: landscape) {}
|
|
```
|
|
|
|
### `"always-multi-line"`
|
|
|
|
There _must always_ be a newline after at-rule names in at-rules with multi-line parameters.
|
|
|
|
The following patterns are considered problems:
|
|
|
|
<!-- prettier-ignore -->
|
|
```css
|
|
@import "x.css" screen and
|
|
(orientation:landscape);
|
|
```
|
|
|
|
<!-- prettier-ignore -->
|
|
```css
|
|
@media (min-width: 700px) and
|
|
(orientation: landscape) {}
|
|
```
|
|
|
|
The following patterns are _not_ considered problems:
|
|
|
|
<!-- prettier-ignore -->
|
|
```css
|
|
@charset "UTF-8";
|
|
```
|
|
|
|
<!-- prettier-ignore -->
|
|
```css
|
|
@charset
|
|
"UTF-8";
|
|
```
|
|
|
|
<!-- prettier-ignore -->
|
|
```css
|
|
@import "x.css" screen and (orientation:landscape);
|
|
```
|
|
|
|
<!-- prettier-ignore -->
|
|
```css
|
|
@media (min-width: 700px) and (orientation: landscape) {}
|
|
```
|
|
|
|
<!-- prettier-ignore -->
|
|
```css
|
|
@media
|
|
(min-width: 700px) and
|
|
(orientation: landscape) {}
|
|
```
|