Why spacing variables, aren't visible in viewport width/height?

unicodes · 2025-11-12T07:28:21.093+00:00

Should I use a different variable?

unicodes

3 days ago

Should I use a different variable?
Andreas Møller

3 days ago

That is not supported by CSS.

Designing for specific screen sizes is also generally an anti pattern
🙏1
unicodes

3 days ago

Thank you Andreas!
unicodes

3 days ago

@Andreas Møller , when I used to code, I worked with SCSS, which allowed me to use variables for media queries. Nordcraft relies on vanilla CSS, right?
salma

3 days ago

yes correct, so annoying you can't use CSS vars in media queries, I've always hated that
👍1
Andreas Møller

3 days ago

I actually kinda like that you cant 🙂
@Andreas Møller
I actually kinda like that you cant 🙂
unicodes

3 days ago

Why?
Andreas Møller

3 days ago

Because people immidiately make a --mobile, --table and --desktop variable.
https://viewports.fyi/
🙏1
salma

3 days ago

Yeah I guess I used to want to create vars for media queries when we needed media queries, before we had responsive units and things like clamp()

I can't live without clamp()
@salma
Yeah I guess I used to want to create vars for media queries when we needed media queries, before we had responsive units and things like clamp()

I can't live without clamp()
unicodes

3 days ago

Like clamp (14px, 10vw, 20px) 🤯 and you solve the issue 😅 .
salma

3 days ago

yep