CSS Validation

Question

I am using 21.6 Build 15711 and want to start using var() but when i add:

:root {

--aa-blue: #0078D2;

--aa-digital-blue: #E1F0FA;

--aa-light-blue: #4DB4FA;

--aa-dark-blue: #00467F;

--lite-blue: #BDDEF4;

--aa-gray: #9DA6AB;

--aa-digital-gray: #EEEEEE;

--aa-light-gray: #D0DAE0;

--aa-dark-gray: #36495A;

--aa-white: #FFFFFF;

--aa-black: #131313;

--aa-red: #C30019;

--dark-brown: #3D2B1F;

--red: #FF0000;

--30-percent-aa-blue: rgba(0, 120, 210, .3);

}

I get all sorts of validation errors.

AI said to update my CSS Validator but am not finding a way to do that.

Mike

Nancy OShea · Answer

Try the online validation service below.

This snippet validates fine.

:root {
--aa-blue: #0078D2;
--aa-digital-blue: #E1F0FA;
--aa-light-blue: #4DB4FA;
--aa-dark-blue: #00467F;

}

For more on custom variable properties, see the MDN article below.

Hope that helps.

Sign up