Foundation - Riferimento SASS callout

Variabili

È possibile modificare gli stili dei componenti utilizzando le seguenti variabili SASS elencate nella tabella.

Sr.No.	Nome e descrizione	genere	Valore predefinito
1	$callout-background Definisce il colore di sfondo predefinito.	Colore	$ bianco
2	$callout-background-fade Specifica il valore di dissolvenza per gli sfondi di callout.	Numero	85%
3	$callout-border Visualizza lo stile del bordo per i callout.	Elenco	1px rgba solido ($ nero, 0,25)
4	$callout-margin Visualizza il margine inferiore dei callout.	Numero	0 0 1rem 0
5	$callout-padding Fornisce imbottitura interna dei richiami.	Numero	1rem
6	$callout-font-color Definisce il colore del carattere dei callout.	Colore	$ body-font-color
7	$callout-font-color-alt Definisce il colore del carattere dei callout se è presente uno sfondo scuro per i callout.	Colore	$ body-background
8	$callout-radius Definisce il raggio del bordo per i callout.	Colore	$ raggio-globale
9	$callout-link-tint Fornisce collegamenti tinta per pannelli colorati e può essere disabilitato impostandolo su falso.	Numero o booleano	30%

È possibile utilizzare i mixin per creare la struttura delle classi CSS per i componenti come descritto di seguito.

Aggiunge stili come imbottitura, margine a un callout e gli stili possono essere inclusi utilizzando il seguente mixin:

@include callout-base

Specifica gli stili rapidi utilizzando un colore singolo come linea di base per il callout e puoi includere stili utilizzando il seguente mixin:

@include callout-style($color);

Può essere specificato come definito nella tabella seguente:

Sr.No.	Parametro e descrizione	genere	Valore predefinito
1	$color Imposta il colore di sfondo per il callout.	Colore	$ callout-background

Specifica gli stili per il callout e può includere stili utilizzando il seguente mixin:

@include callout($color);

Può essere determinato come mostrato nella tabella sottostante -

Sr.No.	Parametro e descrizione	genere	Valore predefinito
1	$color Imposta il colore di sfondo per il callout.	Colore	$ callout-background

↰ Previous page