コード表示のテスト用

k-kaz のサイトイメージ画像

コード表示がやけに小さい。

タグとかカテゴリとか に書いたんですが、コード内の文字がやけに小さい。

ということでスタイルシートを修正します。

明示的に設定するよ。

font-size0.8rem としました。

.chroma {
    font-size: 0.8rem;  /* 0.8rem に変更 */
    padding: 0.2rem;
    color: #f8f8f2;
    background: #000;
    max-height: 30vw;
    overflow-y: scroll;
    border-radius: 0.2rem;
}

すでに結果は出ているが。

上のスタイルシート表示でお分かりの通り、これくらいなら良いかと思います。
一応、画面サイズを変えてみても大丈夫そうなので、ひとまず終了。

なんで、0.3rem にしてたんだろう。
別のところで影響出たりして。 (ありがち)

こういうカスタマイズ記事って。

k-kaz が Hugo で遊ぶサイト でいつも書いてたな。
間違えた・・・。

まぁ、スタイルシートをちょっと弄っただけだから良いか。

関連記事