Sezione 11 Tema

Colori e assets specifici del tema.

Sezione 11 Tema

Colori e assets specifici del tema.

Sezione 11.1 Breakpoint

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.

$width-xsmall = 480;
$width-small = 600;
$width-medium = 768;
$width-large = 992;
$width-xlarge = 1440;

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)

Sezione 11.1 Breakpoint

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.

$width-xsmall = 480;
$width-small = 600;
$width-medium = 768;
$width-large = 992;
$width-xlarge = 1440;

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)

Sezione 11.1 Breakpoint

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.

$width-xsmall = 480;
$width-small = 600;
$width-medium = 768;
$width-large = 992;
$width-xlarge = 1440;

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)

Sezione 11.2 Colori

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.

#005366; Colore primario
$primarycolor
#0D8BA8; Colore secondario
$secondarycolor
#454545; Colore terziario
$tertiarycolor

Sezione 11.2 Colori

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.

#005366; Colore primario
$primarycolor
#0D8BA8; Colore secondario
$secondarycolor
#454545; Colore terziario
$tertiarycolor

Sezione 11.2 Colori

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.