Lea Verou on Nostr: A historical day for CSS ππ If you write any components used and/or styled by ...
A historical day for CSS ππ
If you write any components used and/or styled by others, you know how huge this is!
background: if(style(--variant: success), var(--green));
Even if you donβt, this will allow things like:
padding: if(var(--2xl), 1em, var(--xl) or var(--m), .5em);
GitHub issue:
https://github.com/w3c/csswg-drafts/issues/10064 Published at
2024-06-13 09:54:45Event JSON
{
"id": "2364feade9991bf471e44484cc0a9164d65ba73a29874d40d470d197726d1466",
"pubkey": "effca4793b2710c9d391f2af243fc7228b446437e13c605b2ee931d03319336f",
"created_at": 1718272485,
"kind": 1,
"tags": [
[
"imeta",
"url https://cdn.masto.host/frontendsocial/media_attachments/files/112/608/704/376/881/367/original/3696ce656a987f47.png",
"m image/png"
],
[
"proxy",
"https://front-end.social/@leaverou/112608705600433866",
"web"
],
[
"proxy",
"https://front-end.social/users/leaverou/statuses/112608705600433866",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://front-end.social/users/leaverou/statuses/112608705600433866",
"pink.momostr"
]
],
"content": "A historical day for CSS ππ\n\nIf you write any components used and/or styled by others, you know how huge this is!\n\nbackground: if(style(--variant: success), var(--green));\n\nEven if you donβt, this will allow things like: \npadding: if(var(--2xl), 1em, var(--xl) or var(--m), .5em); \n\nGitHub issue: https://github.com/w3c/csswg-drafts/issues/10064\nhttps://cdn.masto.host/frontendsocial/media_attachments/files/112/608/704/376/881/367/original/3696ce656a987f47.png\n",
"sig": "dc6bb11f7e36a4eed038903a81df4a0ed52348491c5f0e2688ba653cfdbd1ba465c9dcbea6d8f1637b3870f5810cb600e8176785eed61cdb1a917b14e3eb3d8c"
}