stylelint-config-standard 読書会 #2

前回のつづきです!


"block-closing-brace-empty-line-before": "never"

Require or disallow an empty line before the closing brace of blocks.

block-closing-brace-empty-line-before

- a {
-   color: pink;
-
- }
+ a {
+   color: pink;
+ }

ルールセットを複数行で書くとき、終わりの } の直前の行を空けるかどうか。ここでは never が指定されているので、空けない。ちなみに、 always-multi-line を指定すると空けないといけない(そんなことあるの…)。なお、ルールセットを 1 行で書くときは関係ない。


"block-closing-brace-newline-after": "always"

Require a newline or disallow whitespace after the closing brace of blocks.

block-closing-brace-newline-after

- a { color: pink; } b { color: red; }
+ a { color: pink; }
+ b { color: red; }

ルールセットの終わりの } のあと改行するかどうか。ここでは always が指定されているので、改行する。これ、このほかに用意されているオプションが細かすぎてまったく伝わらなかった…。いつ使うの…。


"block-closing-brace-newline-before": "always-multi-line"

Require a newline or disallow whitespace before the closing brace of blocks.

block-closing-brace-newline-before

- a {
- color: pink;}
+ a {
+ color: pink;
+ }

ルールセットの終わりの } を書くとき、直前で改行して } だけの行にするかどうか。ここでは always-multi-line が指定されているので、複数行にわたってルールセットを書くときは } の直前で改行することになっている。単数行のときは 1 行にまとめて OK。単数行だろうと絶対改行するとか、逆に絶対改行しないとかも選ぶことができる。そういう CSS 見たことないけど、あるんだなあ。


"block-closing-brace-space-before": "always-single-line"

Require a single space or disallow whitespace before the closing brace of blocks.

block-closing-brace-space-before

- a { color: pink;}
+ a { color: pink; }

ルールセットの終わりの } の前に半角スペースを入れるかどうか。ここでは always-single-line が指定されているので、単数行のルールセットならスペースを入れることになっている。複数行なら問わない。これもいろんなオプションが用意されていて、細かすぎておもしろくなってきた。


"block-no-empty": true

Disallow empty blocks.

block-no-empty

- a { }
+ a { color: pink; }

空のルールセットを許すかどうか。ここでは true が指定されているので、空のルールセットがあると怒られる。ほかにオプションはなし。


"block-opening-brace-newline-after": "always-multi-line"

Require a newline after the opening brace of blocks.

block-opening-brace-newline-after

- a{color: pink;
- }
+ a{
+   color: pink;
+ }

ルールセットをはじめるときの { のあと改行するかどうか。ここでは always-multi-line が指定されているので、複数行のルールセットなら改行して、単数行なら問わないことになっている。


"block-opening-brace-space-after": "always-single-line"

Require a single space or disallow whitespace after the opening brace of blocks.

block-opening-brace-space-after

- a {color: pink; }
+ a { color: pink; }

ルールセットをはじめるときの { の後に半角スペースを空けるかどうか。ここでは always-single-line が指定されているので、単数行のルールセットならスペースを空けて、複数行なら問わないことになっている。


"block-opening-brace-space-before": "always"

Require a single space or disallow whitespace before the opening brace of blocks.

block-opening-brace-space-before

- a{ color: pink; }
+ a { color: pink; }

ルールセットをはじめるときの { の前に半角スペースを空けるかどうか。ここでは always が指定されているので、絶対スペースを空けることになっている。改行しても怒られる。ほかにも指定できるオプションがたくさんあって、なぜか異常に細かい。


b からはじまるルールが終わったところで、きょうはここまで。