CSS Custom Properties

Can somebody help me understand why these custom properties wont work.
:root{
/* Primary Colors */
--cta-main-clor: hsl(71, 73%, 54%)
--text-color: hsl(179, 62%, 43%)

/* Neutral Colors */
--light-gray: hsl(204,43%,93%)
}
:root{
/* Primary Colors */
--cta-main-clor: hsl(71, 73%, 54%)
--text-color: hsl(179, 62%, 43%)

/* Neutral Colors */
--light-gray: hsl(204,43%,93%)
}
I get the very first color to work but noting else work after that. It's probably a simple mistake but I cannot figure this out. Thanks in advance
2 Replies
briancross
briancross16mo ago
You're missing the semicolons.
:root {
/* Primary Colors */
--cta-main-clor: hsl(71, 73%, 54%);
--text-color: hsl(179, 62%, 43%);

/* Neutral Colors */
--light-gray: hsl(204,43%,93%);
}
:root {
/* Primary Colors */
--cta-main-clor: hsl(71, 73%, 54%);
--text-color: hsl(179, 62%, 43%);

/* Neutral Colors */
--light-gray: hsl(204,43%,93%);
}
dellannie
dellannieOP16mo ago
dang it lol. Thanks.
Want results from more Discord servers?
Add your server