mirror of
https://github.com/RGBCube/serenity
synced 2025-05-23 20:15:06 +00:00
06617a982e
If a flex item's main size is a CSS calc() value that resolves to a length and contains a percentage, we can only resolve it when we have the corresponding reference size for the containing block.
17 lines
365 B
HTML
17 lines
365 B
HTML
<!doctype html><style>
|
|
html {
|
|
background: white;
|
|
}
|
|
body {
|
|
background: pink;
|
|
display: flex;
|
|
}
|
|
.orange {
|
|
background: orange;
|
|
display: flex;
|
|
}
|
|
.lime {
|
|
background: lime;
|
|
width: calc(50% - 10px);
|
|
}
|
|
</style><body class=pink><div class=orange><div class=lime>This is a bunch of text
|