1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 07:07:45 +00:00

LibWeb: Rewrite FFC "resolve flexible lengths" algorithm from draft spec

The draft CSS-FLEXBOX-1 spec had a more detailed description of this
algorithm, so let's use that as our basis for the implementation.

Test by Aliaksandr. :^)
This commit is contained in:
Andreas Kling 2023-03-08 21:18:35 +01:00
parent 1cd61723f0
commit 109ed27423
4 changed files with 268 additions and 149 deletions

View file

@ -0,0 +1,25 @@
<style>
body {
font-family: 'SerenitySans';
}
.my-container {
display: flex;
border: 1px solid salmon;
}
.column {
flex-direction: column;
}
.box {
width: 100px;
height: 100px;
border: 1px solid black;
}
</style>
<div class="my-container column">
<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
</div>