黑标切换侧边栏
[[embed]]
<iframe src="//interwiki.scpwikicn.com/styleFrame.html?priority=0&override=1&type=sidebar&theme=https%3A%2F%2Finterwiki.scpwikicn.com%2Fcss%2Fstyle-bhl.css" style="display: none"></iframe>
[[/embed]]

这是干什么用的

使侧边栏默认隐藏并通过角落的一个按钮来切换,与网站的移动端版本类似。


使用方法

1. 复制以下代码。

2. 粘贴至黑色标记笔及其他版式 include 之后

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

3. (可选项)使用版式时自定义切换按钮样式。

如果需要的话,还有 5 个 CSS 变量可以用来自定义按钮样式。
对于颜色,强烈推荐你使用现有的黑标颜色变量,见于此处

:root {
    --toggle-button-bg: hex/rgb/hsl 颜色;
    --toggle-border-color: hex/rgb/hsl 颜色;
    --toggle-border-width: px/rem/em;
    --toggle-icon-color: hex/rgb/hsl 颜色;
    --toggle-roundness: 百分比;
}


+ 显示组件代码- 隐藏组件代码
页面版本:⁨0⁩, 最后编辑于: ⁨2021/3/5 06:15:30⁩ (⁨⁨2021⁩ 日前⁩), 现时评分: 2