CSS設定の上書き

このサイトの構築に、sphinxだとかtinkerを使用している。 見出し文字の行間を調整したいのだが、何処の値を変更すれば良いのか判らなかった。

ビルド結果のファイル”_static/modern5.css”中の以下の記述を変更すれば良い事までは判った。

この記述を

article.document h1 { font-size: 2.2em; }
article.document h2 { font-size: 1.8em; }
article.document h3 { font-size: 1.2em; }

こうして、line-heightを足せば

article.document h1 { font-size: 2.2em; line-height: 1.2;}
article.document h2 { font-size: 1.8em; line-height: 1.2;}
article.document h3 { font-size: 1.2em; line-height: 1.2;}

みっともない、行間を修正出来た。

しかし、ビルド毎にファイル”_static/modern5.css”は上書きされてしまう。

仕方ないので、modern5を継承した独自テーマのcssの末尾に上記のCSSの修正したコードを貼付けた。

結果的にmodern5の値はcss的には上書きされたようで、レイアウトは変更されたがコレがsphinx/tinker的に正しい解決方法なのかは不明。