コンテンツにスキップ

デザイン変更

見出しのデザインなど、テーマのデザインを変更する方法を説明します。

テーマの変更

カスタムCSSを使って、テーマのデザインを変更することができます。

mkdocs.yml に以下のように記述します。

1
2
extra_css:
  - css/custom.css

css/custom.css を作成し、CSSを記述します。

例
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
.md-typeset h2::before {
    display: inline-block !important;
    font-family: "FontAwesome";
    content: "\f0a9" !important;
    margin-right: .3em;
}

.md-typeset > ::before {
    font-family: "FontAwesome";
    margin-right: .3em;
    display: inline-block !important;
}

コメント