mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 03:57:43 +00:00
LibWeb: Start work towards modern CSS "display" values
Until now, we've internally thought of the CSS "display" property as a single-value property. In practice, "display" is a much more complex property that comes in a number of configurations. The most interesting one is the two-part format that describes the outside and inside behavior of a box. Switching our own internal representation towards this model will allow for much cleaner abstractions around layout and the various formatting contexts. Note that we don't *parse* two-part "display" yet, this is only about changing the internal representation of the property. Spec: https://drafts.csswg.org/css-display
This commit is contained in:
parent
1552873275
commit
85a0772147
22 changed files with 214 additions and 161 deletions
|
@ -176,7 +176,7 @@ void dump_tree(StringBuilder& builder, Layout::Node const& layout_node, bool sho
|
|||
builder.appendff(" {}floating{}", floating_color_on, color_off);
|
||||
if (box.is_inline_block())
|
||||
builder.appendff(" {}inline-block{}", inline_block_color_on, color_off);
|
||||
if (box.computed_values().display() == CSS::Display::Flex)
|
||||
if (box.computed_values().display().is_flex_inside())
|
||||
builder.appendff(" {}flex-container{}", flex_color_on, color_off);
|
||||
if (box.is_flex_item())
|
||||
builder.appendff(" {}flex-item{}", flex_color_on, color_off);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue