Just cannot figure this syntax! Quotes, no quotes, before comma, after comma, color first, color last, no comma.... Can't find any examples of shadowing with multiple values. Anyone take a peak and enlighten me. Codepen attached however this statement errors out so it is commented for the time being. I have it in CSS but prefer to add and remove classes.
Thanks,
This is the textShadow:
var shadow = "0 1px 0 hsl(43, 35%, 47%), 0 2px 0 hsl(43, 35%, 40%),
0 3px 0 hsl(44, 35%, 35%), 0 4px 0 hsl(44, 35%, 30%),
0 5px 0 hsl(44, 35%, 27%), 0 6px 0 hsl(43, 35%, 25%),
0 7px 0 hsl(42, 35%, 23%), 0 8px 0 hsl(42, 35%, 21%),
0 0 1px rgba(162, 138, 78, 0.05), 0 1px 3px rgba(162, 138, 78, 0.2),
0 3px 4px rgba(162, 138, 78, 0.2), 0 5px 5px rgba(162, 138, 78, 0.2),
0 10px 6px rgba(162, 138, 78, 0.2), 0 20px 7px rgba(162, 138, 78, 0.3)";