Re: [csswg-drafts] [css-values] enable the use of counter() inside calc() (#1026)

And I got here to sadly find out this is still open and with yet another use case (I couldn't find it by scanning the ones here): counting DOM depth, which I intented use to indent only one element in nested tags.
Like:
```
body {
    counter-reset: tag-depth;
}
* > .indented {
    counter-increment: tag-depth;
}
.indented {
    margin-left: calc(1.5rem * counter-value(tag-depth);
}
```
I would totally solve this with recursive adding 1 to a custom property (like `* > .indented { --tag-depth: calc(var(--tag-depth) + 1);}`) but sadly this isn't allowed either. =(

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


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

Received on Thursday, 3 February 2022 16:41:51 UTC