Barra Lateral Desativável BHL

AVISO:

Esta é uma página component usada internamente pela Wiki Lusófona. Ela foi feita para ser usada e incluída em outras páginas.

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:lang(pt-br) {
--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