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

LibWeb: Add logical CSS properties for insets

Browse source 
This patch adds the following properties:

- inset-inline
- inset-inline-start
- inset-inline-end
- inset-block
- inset-block-start
- inset-block-end
This commit is contained in:
Andreas Kling 2023-07-13 20:52:36 +02:00
parent fc065ee560
commit 1470e60800
4 changed files with 95 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

29
Tests/LibWeb/Layout/input/css-logical-inset-properties.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html><style>
* {
border: 1px solid black !important;
color: black !important;
background: white;
}
body {
position: absolute;
top: 0;
left: 0;
width: 500px;
height: 400px;
background: pink;
}
.two-props {
position: absolute;
inset-inline: 50px;
inset-block: 100px;
background: orange;
}
.four-props {
position: absolute;
inset-inline-start: 100px;
inset-inline-end: 150px;
inset-block-start: 200px;
inset-block-end: 50px;
background: magenta;
}
</style><body><div class="two-props"></div><div class="four-props"></div>