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

I mentioned this briefly in our F2F call, but I keep mulling it over in my mind so I wanted to put it in writing.  One way to work around the ancestor hurdle is to create a contract by flagging a specific property as "inheritable".  This could create a token (or something that functions similarly to a custom property) that cascades and it accessed by an inherited function.  Taking the previous example and converting it could look something like:

```
.foo {
  width: 100px !inheritable;
}
.foo > .bar {
   width: calc( inherited(width) * 0.5 );
}
.foo > .bar > .baz {
   width: calc( inherited(width) * 0.2 );
}
```

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


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

Received on Monday, 12 April 2021 13:55:00 UTC