-
-
Notifications
You must be signed in to change notification settings - Fork 1.9k
Description
Use case: I have a horizontal table and want <th>
's font weight to be inherited from the parent.
<table>
<tr>
<th>Name</th>
<td>James Bond</td>
</tr>
</table>
My first instinct was to add font-inherit
to the <th>
. But then I realized that inherit
is not a default value for font-weight
, so I tried font-[inherit]
. As font-*
is ambiguous, this renders font-family: inherit;
. Only after a quick search I found a comment that suggests using font-[weight:inherit]
which actually worked. As weight
is not a default CSS data type, I didn't intuitively try that.
It would be great if the documentation shows the font weight's "data type". I think font-[weight:inherit]
is no uncommon use case. Maybe something similar to how the documentation handles font-family
.
The same is true for text-[inherit]
which renders color: inherit;
. If I wanted to set font-size: inherit;
, I would have to use text-[length:inherit]
which I found here.
If you agree, I would happily create a PR to add the "data type" weight
to the Using a custom value section.