Correggere errore “Fallback color should precede RGBA color” in CSS

Ho da poco attivato AMP sul mio blog DiventareMamma.com , dopo svariate analisi, dubbi e indecisioni alla fine ho fatto il passo. Ovviamente non potevo restare con le mani in mano e lasciare il template di default così com’èra… dunque mi sono messa a personalizzarlo!

Mentre stavo personalizzando un po’ il CSS mi é comparso l’errore “Fallback color (HEX or RGB) should precede RGBA color”. La soluzione é davvero semplice.

 

Se di default il CSS di AMP indica il colore in RGBA io ho mantenuto la stessa regola, ovvero ho usato un RGBA. Per eliminare l’errore basta inserire prima del RGBA l’equivalente in RGB o HEX. Ad esempio, se il tuo CSS era:

 .m-menu .amp-menu .toggle:after { 
color: rgba(18, 18, 18, 0.8); 
} 

Semplicemente andrai ad aggiungere color: #121212cc; prima del colore RGBA ovvero:

 

.m-menu .amp-menu .toggle:after { 
color: #121212cc;
color: rgba(18, 18, 18, 0.8);
}

Per trovare il colore RBG di un RGBA dall’ispettore di Chrome é semplicissimo. Infatti, cliccando sul colore troverai delle freccette che ti permetterano di visualizzare in RGB / RGB o HEX il colore scelto. Vedi sotto!