[css-text-decor-4] text-underline-offset and text-underline-width has no easy way of being proportional to font size

[litherum]

https://drafts.csswg.org/css-text-decor-4/#underline-offset

Perhaps it should also take a percentage, which gets multiplied by the font size?

[litherum]

<div id="outer" style="font-size: 32px; text-underline-offset: 12.5%;">
    <div id="inner" style="font-size: 16px; text-decoration: underline;"> ... </div>
</div>

The observed offset on the inner element should be 2px

<div id="outer" style="font-size: 32px; text-underline-offset: 12.5%; text-decoration: underline;">
    <div id="inner" style="font-size: 16px;> ... </div>
</div>

The observed offset on the inner element should be 4px because of the decorating box.

[litherum]

Also, text-underline-width should get it too.

[benface]

Would it make sense to introduce a new unit that is relative to the font size like em but that doesn't compute to an absolute value? Also for #2165.

[litherum]

Wait a minute. Why wouldn’t text-underline-offset: 0.125em work?

[benface]

Same problem as #2165, it would work as long as it's set on every element that inherits it and changes the font-size.

[litherum]

Ah, I see. Cool.

[litherum]

The resolution for #2165 should cover this.