Christopher Kirk-Nielsen on Nostr: If ever you thought "why do I need to use var() around my variables ugh CSS ...
If ever you thought "why do I need to use var() around my variables ugh CSS sucks!!1!", I just wrote this line of code and while I already understood it was essential, it's nice to experience *why* it's essential:
`transition: --accent var(--base-duration) var(--base-ease)` — couldn't disambiguate a property name from a value without `var()`. (also yes I'm one of those sickos who write transition/animation as shorthand)
Good job, #CSS spec writers, for thinking 12 steps ahead!
Published at
2024-08-06 15:52:54Event JSON
{
"id": "8ae5f66e89c2bd2db6cafa503546a8e9ed445122e0e3f6a635cea3c962791a3a",
"pubkey": "2d5f4b8c1db9c361d1eb01a81871b90657aa6ef840ce81390d8ac588855e13c5",
"created_at": 1722959574,
"kind": 1,
"tags": [
[
"t",
"css"
],
[
"emoji",
"css",
"https://cdn.masto.host/frontendsocial/custom_emojis/images/000/104/496/original/c18cd8a300f061fb.png"
],
[
"proxy",
"https://front-end.social/@chriskirknielsen/112915878690556866",
"web"
],
[
"proxy",
"https://front-end.social/users/chriskirknielsen/statuses/112915878690556866",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://front-end.social/users/chriskirknielsen/statuses/112915878690556866",
"pink.momostr"
],
[
"-"
]
],
"content": "If ever you thought \"why do I need to use var() around my variables ugh CSS sucks!!1!\", I just wrote this line of code and while I already understood it was essential, it's nice to experience *why* it's essential:\n`transition: --accent var(--base-duration) var(--base-ease)` — couldn't disambiguate a property name from a value without `var()`. (also yes I'm one of those sickos who write transition/animation as shorthand)\n\nGood job, #CSS spec writers, for thinking 12 steps ahead! :css:",
"sig": "558b32468dd1e8728d9b12807104aa9187e845ddc8c63f4581cf3ecf3d6b798d83c0619b248e00ddc173f64419c38bfe540b08e2d3b792931df1e9b731acace2"
}
