DEV Community

Marius Eisenbraun
Marius Eisenbraun

Posted on

What would you like to know about CSS?

#question #css #webdev #learning

Hey, my front-end-friends!

There are many css tutorials and code-snippets out there, but maybe you got a topic that is not covered or just didn't find the right solution?

Tell me in the comments, what you would like to know about CSS.

Hopefully I later can explain it in a short posting or other nice web-devs will give you some hints/links/examples.

Let's share our knowledge! 🙌

Top comments (3)

Collapse
 
mr_eis profile image
Marius Eisenbraun •

I guess, you try to set the background-image with a custom property like:

:root { --backgroundimage: http://example.com/bg-image-light.jpg; }

And later try to set the image with

body { background-image: url(var(--backgroundimage)); }

is that correct?

Custom Properties behave different than variables in e.g. JS.

In CSS custom properties, you need to store a value, that is a valid CSS value.

So this should work: 

:root { --backgroundimage: url('http://example.com/bg-image-light.jpg'); } @media (prefers-color-scheme: dark) { :root { --backgroundimage: url('http://example.com/bg-image-dark.jpg'); } } body { background-image: var(--backgroundimage); }

I hope, I could help you with your problem!
Of not, please explain a bit more details and add a code example.

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀 •

I want to know, what happened to CSS shaders 😭