Skip to content

項目の中が2段落ある箇条書きのまとまりを空きで示す - #178

Merged
ma91n merged 2 commits into
future-architect:masterfrom
ma91n:style/loose-lists
Sep 17, 2026
Merged

ma91n merged 2 commits into
future-architect:masterfrom
ma91n:style/loose-lists

Conversation

@ma91n

@ma91n ma91n commented Sep 17, 2026 •

Copy link
Copy Markdown
Collaborator

#177 の1件目。項目の中が2段落以上ある箇条書きで、まとまりが読めない件です。

* Jest

  テスティングフレームワークは…

* ESLint

何が起きていたか

項目の中の段落の空きと、項目と項目の空きがどちらも 12px で、どこまでが1つの項目か区別が付きませんでした。テーマが li > p の下に 12px、次の段落の上にも 12px を置いているためです。

変更

いま 寄せ先
項目の中の段落 12px 4px
項目と項目 12px 16px(中の4倍)
1段落だけの項目が並ぶ箇条書き 0 0(変えない)

空きは下だけで持ちます。 上下から挟むと大きいほうだけが効いて、4px が見えません(実際にこれで一度 12px のままになりました)。

項目の間を空けるのは、その箇条書きに2段落以上の項目があるときだけです(ul:has(li > p + p))。1段落の項目だけが並ぶ箇条書きは行として並ぶものなので、詰めたままにします。

🤖 Generated with Claude Code

ma91n and others added 2 commits September 17, 2026 17:27
テーマは項目の中の段落の空きと項目と項目の空きがどちらも 12px で、
どこまでが1つの項目か読めない。中を 8px に詰め、項目の間に 16px を置く。

空きは下だけで持つ。上下から挟むと大きいほうだけが効いて 8px が見えない。
項目の間を空けるのは2段落以上の項目がある箇条書きだけにする。

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
8px では項目の中の切れ目がまだ広い。刻み1つぶんに詰めて、項目の間
(16px)との差を4倍にする。

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
@ma91n
ma91n merged commit 02ec98a into future-architect:master Sep 17, 2026
2 checks passed
@ma91n
ma91n deleted the style/loose-lists branch September 17, 2026 08:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant