RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 22:57:44 +00:00
Code Issues Activity Actions

LibWeb: Support font-size: calc()

Browse source 
Now that we have a way to resolve calc() lengths without a layout node,
we can finally support calc() values in font-size.

This wasn't possible before because font-related properties have to be
resolved eagerly in StyleComputer due to font-relative CSS length units
depending on the computed font being known.
This commit is contained in:
Andreas Kling 2023-06-02 12:47:21 +02:00
parent df8a96ee00
commit 7115446995
3 changed files with 38 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

7
Tests/LibWeb/Layout/expected/css-font-size-calc.txt Normal file
View file

@ -0,0 +1,7 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x125.179687 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x109.179687 children: inline
line 0 width: 644.628906, height: 109.179687, bottom: 109.179687, baseline: 84.570312
frag 0 from TextNode start: 0, length: 13, rect: [8,8 644.628906x109.179687]
"Hello friends"
TextNode <#text>

3
Tests/LibWeb/Layout/input/css-font-size-calc.html Normal file
View file

@ -0,0 +1,3 @@
<!doctype html><style>
body { font-size: calc(100px); }
</style>Hello friends