Re: [csswg-drafts] [css-values] A way to dynamically construct custom-ident and dashed-ident values (#9141)

> ([#](https://github.com/w3c/csswg-drafts/issues/9141#issuecomment-1755960515)) Not sure if it needs to be `dashed-ident` or simply `ident()` that joins

I split out both because they return a different value. But I think I am misunderstanding what you are saying here.

> ([#](https://github.com/w3c/csswg-drafts/issues/9141#issuecomment-1755960515)) For concatenation I would use space separation rather than comma, the same way concatenation works for `content`

Good suggestion!

> ([#](https://github.com/w3c/csswg-drafts/issues/9141#issuecomment-1680532516)) All this to say that my initial _“Ideally, the output of `calc()` and `attr()` would also be allowed as arguments into the proposed functions.”_ might be a requirement from the start.

Since `attr()` [comes with its own set of challenges](https://github.com/w3c/csswg-drafts/issues/5092), authors initially can work around it by setting a custom prop to some sort of identifier, and use that in `ident()`. For example:

```css
#item-x { --id: x; }
#item-y { --id: y; }
#item-z { --id: z; }

.item
    view-transition-name: ident("item-" var(--id));
}
```

-- 
GitHub Notification of comment by bramus
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9141#issuecomment-1758533444 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 11 October 2023 21:01:06 UTC