serenity/Tests/LibWeb/Ref/background-size-calc.html
Zaggy1024 4cc3c41269 LibWeb: Allow calculated values for background-size dimensions
This fixes the sizing of the arrow icons displayed to the left of
parent sections on a table of contents on Wikipedia articles, which
are sized using the equation `calc(max(0.75em, 12px))`. Now, the icon
will not expand past the edges of the box they are within, avoiding
clipping the edges of the arrows.
2023-09-15 08:40:10 +02:00

16 lines
431 B
HTML

<!DOCTYPE html>
<html>
<head>
<link rel="match" href="reference/background-size-calc-ref.html" />
<style>
span {
display: inline-block;
min-width: 12px;
min-height: 12px;
background-image: url("assets/2x2checkerboard.png");
background-size: calc(max(0.75em, 12px));
}
</style>
</head>
<body><span></span><img src="assets/2x2checkerboard.png">