mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 13:17:44 +00:00
LibWeb: Add basic parsing of grid shorthand CSS property
Introduces incomplete parsing of grid shorthand property. Only <grid-template> part of syntax is supported for now but it is enough to significantly improve rendering of websites that use this shorthand to define grid :)
This commit is contained in:
parent
1e526af430
commit
ab5b89eb95
6 changed files with 44 additions and 1 deletions
|
@ -0,0 +1,5 @@
|
|||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x100 children: not-inline
|
||||
Box <div.container> at (8,8) content-size 784x100 [GFC] children: not-inline
|
||||
BlockContainer <div.item> at (8,8) content-size 200x100 [BFC] children: not-inline
|
10
Tests/LibWeb/Layout/input/grid/grid-shorthand-property.html
Normal file
10
Tests/LibWeb/Layout/input/grid/grid-shorthand-property.html
Normal file
|
@ -0,0 +1,10 @@
|
|||
<style>
|
||||
.container {
|
||||
display: grid;
|
||||
grid: 100px / 200px;
|
||||
}
|
||||
|
||||
.item {
|
||||
background-color: navy;
|
||||
}
|
||||
</style><div class="container"><div class="item"></div></div>
|
Loading…
Add table
Add a link
Reference in a new issue