Twenty Twenty-One 12, コードブロックを見やすく

この調整は、あまり需要がないと思うので、サクッとコードの控えだけ。

/* 本文エリアのcode要素のスクロールをキャンセル、文字サイズ・色を調整 */
.entry-content .wp-block-code code {
	display: block;
	background-color: #333333;
	color: #eeeeee;
	overflow-x: visible;
	overflow-wrap: break-word;
	white-space: pre-wrap;
	padding: 1rem;
	font-size: 0.75rem;
}

/* 本文エリアのcode要素をネストするpre要素にスクロールのキャンセルの念押し */
.entry-content .wp-block-code pre {
	display: block;
	overflow-x: visible;
	overflow-wrap: break-word;
	white-space: pre-wrap;
}

/* コードブロックのpaddingやborderの設定を無効化 */
.wp-block-code {
	padding: 0;
	border: none;
}