Using variables for color, not working w/ hr class

1

Hello.

I am using variables to assign my palette in case I change my mind later on. I’d like to create an hr using a neutral light gray. I am making a hr class and styling it in css. When I add my var color to my hr class, the line doesn’t show up. Here’s the project: https://codepen.io/CodeMoo/pen/VqzwRL
The issue is on line 25 of the css. If I change either background-color or the color in border-top to a regular color, say “red”, it shows up. I’m confused. Help please!

2

I’m not sure, I can see the line on my browser (firefox). But it could be that these lines cause the problem?

//mint green
//light gray

They’re not valid comments in CSS, it should be like this /* comment */ not //

2 Likes
3

It’s most likely as above mentions. I changed the rgb-value to red for the variable and the line shows up as red. So the var does work.

1 Like
4

That was it! I work in Unity w/ csharp (for fun) and // is how you begin a comment. Old habits die hard. Thanks!

1 Like