unitone に目次ブロックを追加するプラグイン unitone TOC をリリースしました

unitone に目次ブロックを追加するプラグイン unitone TOC をリリースしました。unitone ライセンスキーを契約中の方は、マイアカウントページからダウンロードできます。

デザイン

次のような目次を追加できます。

デフォルト

目次

ブロックスタイル:1

目次

ブロックスタイル:2

目次

また、設定パネルで背景色や文字色、ボーダー、内側の余白等も設定できます。

CSS でのカスタマイズについて

マーカーとリンク文字列の間の余白やマーカーの色、項目間の余白などは CSS で調整できます。CSS カスタムプロパティで定義されているのでそれを上書きしてもらう形になります。

例えば、ブロックスタイル:2 を適用している場合にマーカーの背景色を変更したい場合は下記の CSS を追加してください。

.unitone-toc.is-style-toc-2 {
  --unitone--marker-background-color: red;
}
inc2734のアバター

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です