Fundação - Referência Sass fora da tela

Variáveis

Você pode alterar os estilos dos componentes usando as seguintes variáveis SASS, conforme listado na tabela -

Sr. Não.	Nome e Descrição	Tipo	Valor padrão
1	$offcanvas-size Ele especifica a largura do menu fora da tela.	Número	250px
2	$offcanvas-background Ele exibe a cor de fundo de um menu fora da tela.	Cor	$ cinza claro
3	$offcanvas-zindex Ele especifica o índice Z de um menu fora da tela.	Número	-1
4	$offcanvas-transition-length Ele exibe a duração da animação em um menu fora da tela.	Número	0,5s
5	$offcanvas-transition-timing Ele especifica a função de tempo do menu fora da tela da animação.	Palavra-chave	facilidade
6	$offcanvas-fixed-reveal Se verdadeiro, um fora da tela revelado pode corrigir a posição do fora da tela revelado definindo-o como verdadeiro.	verdadeiro
7	$offcanvas-exit-background Ele exibe a cor de fundo para a sobreposição do menu fora da tela.	Cor	rgba ($ branco, 0,25)
8	$maincontent-class Ele usa a classe CSS para a área de conteúdo principal.	'off-canvas-content'
9	$maincontent-shadow Ele exibe a sombra da caixa para a área de conteúdo principal.	Sombra	0 0 10px rgba ($ preto, 0,5)
10	$titlebar-background Ele exibe a cor de fundo de uma barra de título.	Cor	$ preto
11	$titlebar-color Ele define a cor do texto para o texto dentro de uma barra de título.	Cor	$ branco
12	$titlebar-padding Ele define o preenchimento dentro de uma barra de título.	comprimento	0,5 rem
13	$titlebar-text-font-weight Ele especifica a espessura da fonte do texto.	Peso	negrito
14	$titlebar-icon-color Ele define a cor do ícone da barra de título do menu.	Cor	$ branco
15	$titlebar-icon-color-hover Ele define a cor do ícone da barra de título do menu suspenso.	Cor	$ cinza médio
16	$titlebar-icon-spacing Ele especifica o espaçamento entre o ícone do menu e o texto dentro de uma barra de título.	comprimento	0,25 rem

Mixins

Você pode usar os mixins para construir a estrutura de classes CSS para seus componentes, conforme descrito abaixo.

off-canvas-basics

Ele adiciona estilos para fora da tela e estilos podem ser incluídos usando o seguinte mixin -

@include off-canvas-basics;

base fora da tela

Ele especifica estilos básicos para o menu fora da tela e você pode incluir estilos usando o seguinte mixin -

@include off-canvas-base;

revelação fora da tela

Ele especifica estilos que revelam o menu fora da tela.

@include off-canvas-reveal($position);

Pode ser especificado conforme definido na tabela a seguir -

Sr. Não.	Parâmetro e Descrição	Tipo	Valor padrão
1	$position Ele define a posição do menu fora da tela.	Palavra-chave	esquerda

↰ Previous page