Barra Lateral Desativável BHL

PARADO!

Esta é uma página modelo usada internamente pelo Wiki.

NÃO TOQUE ESTA PÁGINA SEM PERMISSÃO.


avaliação: 0+x

O quê isso faz

Faz a barra lateral ser escondida por padrão e ativada por um botão que fica no canto, semelhante à versão de celular do site.


Como usar

1. Copie o código abaixo.

2. Cole no artigo depois do Black Highlighter e qualquer outra include de Tema.

[[include :scp-pt-br:component:toggle-sidebar-bhl]]

3. (Opcional) Estilizar o botão da barra lateral se estiver usando um tema.

Também há 5 variáveis de CSS disponíveis para estilizar o botão se necessário.
Para as cores, é fortemente sugerido que você use as variáveis de cor disponíveis do BHL que podem ser encontradas aqui.

: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;
}


Salvo indicação em contrário, o conteúdo desta página é licenciado sob Creative Commons Attribution-ShareAlike 3.0 License