I'm not sure if it will be possible with future calc() improvements, but it would be great if it was possible to write:
strong {
font-weight: calc(inherit + 100); /*
font-weight: calc(inherit + 200);
font-weight: calc(inherit + 300);
font-weight: calc(inherit + 400);
font-weight: calc(inherit + 500);
font-weight: calc(inherit + 600);
font-weight: calc(inherit + 700);
font-weight: calc(inherit + 800); */
}
As opposed to bolder and lighter that are really hard to use and that never do what the designer wants.
Thanks in advance.