Colori e assets specifici del tema.
I breakpoint sono cinque variabili che influiscono sul layout dell'applicativo. Sono utilizzate all'interno della media query per fare in modo che il layout si modifichi in base allo spazio disponibile e sono espresse in pixel sebbene poi sono utiizzate in em.
Le media query sono utilizzate nel seguente formato:
@media only screen and (min-width: $width-xsmall/$basefontsize+em)
@media only screen and (min-width: $width-small/$basefontsize+em)
@media only screen and (min-width: $width-medium/$basefontsize+em)
@media only screen and (min-width: $width-large/$basefontsize+em)
@media only screen and (min-width: $width-xlarge/$basefontsize+em)
Ogni tema ha tre colori principali che costituiscono le basi grafiche di ogni componente del layout. Il colore primario $primarycolor solitamente corrisponde al colore primario del brand.
#2C639D; Colore primario
$primarycolor
#4b4b4d; Colore secondario
$secondarycolor
#333333; Colore terziario
$tertiarycolor
Il tema utilizza tre variabili per impostare i colori base.
#333333; Colore del corpo della pagina
$bodycolor
rgb(71,63,63); Colore del testo base
$textcolor
#2C639D; Colore dei link
$linkcolor
Colori neutri per le componenti di interfaccia.
#C9C9C9;
$neutralcolor
#939394;
$midneutralcolor
#4b4b4d;
$darkneutralcolor
#E4E4E4;
$lightneutralcolor
#F2F2F2;
$lighterneutralcolor
#F9F9F9;
$lightestneutralcolor
rgb(0,0,0);
$black
rgb(255,255,255);
$white
Colori utilizzate nelle componenti che hanno utilizzi specifici, come errori, conferme, informazioni e attenzione.
#939394;
$alertcolor
#CA4549;
$errorcolor
#2C639D;
$infocolor
rgb(65,65,65);
$inversecolor
#52BD93;
$successcolor
rgb(255,175,75);
$warningcolor