BHLトグルサイドバー
このページはコンポーネントページです
Wiki内で使用されているコンポーネントページです。このページを編集することはできません。
編集が必要だと思われる場合は、このページのディスカッションか、サイトスタッフまでご連絡ください。

評価: +7+x
blank.png

これは何

サイトのモバイル版と同様に、サイドバーをデフォルトで非表示にしてコーナーボタンで開閉できるようにします。


使い方

1. 下記のコードをコピー。

2. Black Highlighterと他のテーマのincludeの、記事にペースト。

[[include :scp-jp:component:toggle-sidebar-bhl]]

3. (オプション) テーマを使用する場合、トグルボタンのスタイル調整。

必要に応じて、ボタンのスタイルを設定するための5つのCSS変数もあります。
色については、こちらにある利用可能なBHLのCSS変数を使用することを強く推奨します。

:root {
--toggle-button-bg: hex/rgb/hsl color;
--toggle-border-color: hex/rgb/hsl color;
--toggle-border-width: px/rem/em;
--toggle-icon-color: hex/rgb/hsl color;
--toggle-roundness: percentage;
}


特に指定がない限り、このサイトのすべてのコンテンツはクリエイティブ・コモンズ 表示 - 継承3.0ライセンス の元で利用可能です。