|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238 |
- # block-closing-brace-empty-line-before
-
- Require or disallow an empty line before the closing brace of blocks.
-
- <!-- prettier-ignore -->
- ```css
- a {
- color: pink;
- /* ← */
- } /* ↑ */
- /** ↑
- * This line */
- ```
-
- The [`fix` option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.
-
- ## Options
-
- `string`: `"always-multi-line"|"never"`
-
- ### `always-multi-line`
-
- The following patterns are considered violations:
-
- <!-- prettier-ignore -->
- ```css
- a {
- color: pink;
- }
- ```
-
- The following patterns are _not_ considered violations:
-
- <!-- prettier-ignore -->
- ```css
- a {
- color: pink;
-
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a { color: pink; }
- ```
-
- ### `never`
-
- The following patterns are considered violations:
-
- <!-- prettier-ignore -->
- ```css
- a {
- color: pink;
-
- }
- ```
-
- The following patterns are _not_ considered violations:
-
- <!-- prettier-ignore -->
- ```css
- a {
- color: pink;
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- a { color: pink; }
- ```
-
- ## Optional secondary options
-
- ### `except: ["after-closing-brace"]`
-
- When a rule is nested, `after-closing-brace` brace will reverse the primary option.
-
- For example, with `"never"` and `except: ["after-closing-brace"]`:
-
- The following patterns are considered violations:
-
- <!-- prettier-ignore -->
- ```css
- @media print {
-
- a {
- color: aquamarine;
- }
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- @supports (animation-name: test) {
-
- a {
- color: aquamarine;
- }
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- @keyframes test {
-
- 100% {
- color: aquamarine;
- }
- }
- ```
-
- The following patterns are _not_ considered violations:
-
- <!-- prettier-ignore -->
- ```css
- @media print {
-
- a {
- color: aquamarine;
- }
-
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- @font-face {
- font-family: "MyFont";
- src: url("myfont.woff2") format("woff2");
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- @supports (animation-name: test) {
-
- a {
- color: aquamarine;
- }
-
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- @keyframes test {
-
- 100% {
- color: aquamarine;
- }
-
- }
- ```
-
- For example, with `"always-multi-line"` and `except: ["after-closing-brace"]`:
-
- The following patterns are considered violations:
-
- <!-- prettier-ignore -->
- ```css
- @media print {
-
- a {
- color: aquamarine;
-
- }
-
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- @supports (animation-name: test) {
-
- a {
- color: aquamarine;
-
- }
-
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- @keyframes test {
-
- 100% {
- color: aquamarine;
-
- }
-
- }
- ```
-
- The following patterns are _not_ considered violations:
-
- <!-- prettier-ignore -->
- ```css
- @media print {
-
- a {
- color: aquamarine;
-
- }
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- @font-face {
- font-family: "MyFont";
- src: url("myfont.woff2") format("woff2");
-
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- @supports (animation-name: test) {
-
- a {
- color: aquamarine;
-
- }
- }
- ```
-
- <!-- prettier-ignore -->
- ```css
- @keyframes test {
-
- 100% {
- color: aquamarine;
-
- }
- }
- ```
|