lazy-v

lazy-v(amount, weak: false)(source)

Insert a deferred fractional vertical space inside a block, used together with lazy-layout to push content to the bottom of a block while keeping all sibling blocks at equal height.

Place lazy-v(1fr) between the main content and the footer content inside a block. When the block is rendered inside lazy-layout, the space expands to fill the remaining height of the tallest sibling block, so all blocks end up the same height and their footer content aligns at the bottom.

Without lazy-layout, this marker has no visual effect.

Example:

#components.lazy-layout(grid(
  columns: (1fr, 1fr),
  block(width: 100%)[
    #lorem(10)
    #components.lazy-v(1fr)  // pushes "Bottom left." to the bottom
    Bottom left.
  ],
  block(width: 100%)[
    #lorem(20)
    #components.lazy-v(1fr)  // aligns with the taller block on the right
    Bottom right.
  ],
))

Parameters

amount : fraction

The fractional amount of space. Must be a fraction (e.g. 1fr).

weak : bool    default: false

Whether the space is weak (collapses with adjacent spaces). Default is false.

Returns: content