Re: [csswg-drafts] [css-values-4] inherit() function: like var() for parent value, for any property (#2864)

• From: Brandon McConnell via GitHub <sysbot+gh@w3.org>
• Date: Sat, 30 Dec 2023 04:11:11 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-1872446632-1703909469-sysbot+gh@w3.org>

@LeaVerou @mirisuzanne Thanks for clarifying the behavior of inheritance here. It sounds like we might still need to discuss whether those values are computed or not.

How would the below example work?

```css
.bordered {
  border: 1px solid #000;
  > .bordered {
    border: inherit;
    border-width: calc(inherit(border-width) + 1px);
  }
}
```

At first glance, I would expect each `.bordered` element to have the same border as its parent `.bordered` element, but increase in width by `1px` with each nesting level. Is this accurate?

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


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

Received on Saturday, 30 December 2023 04:11:14 UTC