Codice sorgente_ gestione colori

 Per visualizzare nello specifico le situazioni gestite con le classi clicca qui

Style e Class

Esempio di testo con attributo "Color": <span style="color:#33bad7;"> 

Esempio di testo con attributo "Class": <span class="Accent"> 

Punti elenco

Esempio: <ul style="--color-list: #ff9c00">

• Lorem ipsum 
• Dolor sit

Fascia raggruppamento

Esempio: <h2 class="Raggruppamento" style="background-color: #ff9c00;">

Soluzioni su misura

Hr

Esempio: <hr style="border-top-color: #ff9c00" />

Link

 Per le icone con link: <span style="--color-default: #ffffff; --color-hover: #ddd;">... </span>

Sul footer serve questo codice specifico: <span style=" --color-footer-link:#ffffff; --color-footer-link-hover: #ddd;">... </span>

esempio: https://cowboyland.madeticket.it/ 

Impostazione globale per più link:

<span style="--color-link-default: #ffffff; --color-hover: #ddd;">
<a href="/it/info/chi-siamo">Chi siamo</a>&nbsp; &nbsp;/ &nbsp;
<a href="/it/info-tecniche/regolamento">Regolamento</a> &nbsp;/ &nbsp;
<a href="/it/lavora-con-noi">Lavora con noi &nbsp;</a>/ &nbsp;
<a href="/it/info/contattaci">Contatti&nbsp;&nbsp;</a>
</span>

Impostazione specifica per ogni link:

<a href="/it/info/chi-siamo" style="--color-link-default: #ffffff; --color-link-hover: #ddd;">Chi siamo</a>&nbsp; &nbsp;/ &nbsp;
 <a href="/it/info-tecniche/regolamento" style="--color-link-default: #ffffff; --color-link-hover: #ddd;">Regolamento</a> &nbsp;/ &nbsp;
<a href="/it/lavora-con-noi" style="--color-link-default: #ffffff; --color-link-hover: #ddd;">Lavora con noi &nbsp;</a>/ &nbsp;
  <a href="/it/info/contattaci" style="--color-link-default: #ffffff; --color-link-hover: #ddd;">Contatti&nbsp;&nbsp;</a>

Testo con ombra

LAGUNA BIMBI

<p style="text-shadow: 4px 4px 10px rgba(0,0,0,0.50);"><strong><span style="font-size:60px;"><span style="color:#ffffff;">LAGUNA BIMBI</span></span></strong></p>

Sfumatura

Sfumatura su background contenuto

 

Stile del paragrafo con Bg colorato
<p style="background: linear-gradient(to right, #fdaa26, #b85143);">  

Sfumatura su background contenuto

 

Stile del paragrafo con Bg colorato
<p style="background: linear-gradient(to right, #fdaa26, #b85143);">
Stile del testo con padding
<span style="padding: 0px 100px 0px 100px;">

Sfumatura su class "Raggruppamento"

<h2 class="Raggruppamento" style="background: linear-gradient(to right, #fdaa26, #b85143);">