Fondazione - Sass Reference
Variabili
È possibile modificare gli stili dei componenti utilizzando le seguenti variabili SASS come elencato nella tabella:
| Sr.No. | Nome e descrizione | genere | Valore predefinito |
|---|---|---|---|
| 1 | $accordion-background Definisce il colore di sfondo predefinito di un gruppo di fisarmoniche. |
Colore | $ bianco |
| 2 | $accordion-plusminus Puoi aggiungere le icone più e meno a lato di ogni titolo della fisarmonica impostandolo su true. |
Booleano | vero |
| 3 | $accordion-item-color Visualizza il colore del testo predefinito per gli elementi in un menu. |
Colore | primo piano ($ accordion-background, $ primary-color) |
| 4 | $accordion-item-background-hover Colore di sfondo predefinito al passaggio del mouse per gli elementi in un menu. |
Colore | $ grigio chiaro |
| 5 | $accordion-item-padding Imbottitura predefinita di un elemento a fisarmonica. |
Numero o elenco | 1.25rem 1rem |
| 6 | $accordion-content-background Fornisce il colore di sfondo del contenuto della scheda. |
Colore | $ bianco |
| 7 | $accordion-content-border Fornisce il colore del bordo del contenuto della scheda. |
Colore | 1px solido $ grigio chiaro |
| 8 | $accordion-content-color Specifica il colore del testo del contenuto della scheda. |
Colore | primo piano ($ accordion-background, $ primary-color) |
| 9 | $accordion-content-padding Visualizza la spaziatura interna per il contenuto della scheda. |
Numero o elenco | 1rem |
Mixins
È possibile utilizzare i mixin per creare la struttura della classe CSS per i componenti come elencato nella tabella.
| Sr.No. | Nome e descrizione | Formato |
|---|---|---|
| 1 | accordion-container Include gli stili per un contenitore a fisarmonica. |
@include accordion-container |
| 2 | accordion-title Definisce il titolo di un elemento a fisarmonica. |
@include accordion-title |
| 3 | accordion-content Fornisce stili per il contenuto della fisarmonica. |
@include fisarmonica-content |