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•10mo 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•10mo ago

dang it lol. Thanks.

Gaming

Programming

CSS Custom Properties