Upon attempting to validate the code snippet below:
.cd-stretchy-nav ul a { (line 186)
position: relative;
display: block;
height: 50px;
line-height: 50px;
padding: 0 calc(1em + 60px) 0 1em;
color: white;
opacity: 1;
font-size: 1rem;
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
transition: color 0.2s;
}
.cd-stretchy-nav ul a::after { (line 200)
content: '';
position: absolute;
height: 16px;
width: 16px;
right: 22px;
top: 50%;
-webkit-transform: translateY(-50%) scale(0);
-moz-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
-o-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
}
The validation process generated the following errors.
191 .cd-stretchy-nav ul a Parse Error calc(1em + 60px) 0 1em;
200 Parse Error [: white; opacity: 1; font-size: 1rem; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; } .cd-stretchy-nav ul a::after]
Can anyone identify what might be causing these errors? The code functions correctly on the website.