mirror of
https://github.com/typst/typst
synced 2025-05-14 04:56:26 +08:00
80 lines
1.7 KiB
XML
80 lines
1.7 KiB
XML
// Test grid cells that overflow to the next region.
|
|
|
|
---
|
|
#page(width: 5cm, height: 3cm)
|
|
#grid(
|
|
columns: 2,
|
|
row-gutter: 8pt,
|
|
[Lorem ipsum dolor sit amet.
|
|
|
|
Aenean commodo ligula eget dolor. Aenean massa. Penatibus et magnis.],
|
|
[Text that is rather short],
|
|
[Fireflies],
|
|
[Critical],
|
|
[Decorum],
|
|
[Rampage],
|
|
)
|
|
|
|
---
|
|
// Test a column that starts overflowing right after another row/column did
|
|
// that.
|
|
#page(width: 5cm, height: 2cm)
|
|
#grid(
|
|
columns: 4 * (1fr,),
|
|
row-gutter: 10pt,
|
|
column-gutter: (0pt, 10%),
|
|
image("../../res/rhino.png"),
|
|
align(right, rect(width: 100%, fill: eastern)[LoL]),
|
|
[rofl],
|
|
[\ A] * 3,
|
|
[Ha!\ ] * 3,
|
|
)
|
|
|
|
---
|
|
// Test two columns in the same row overflowing by a different amount.
|
|
#page(width: 5cm, height: 2cm)
|
|
#grid(
|
|
columns: 3 * (1fr,),
|
|
row-gutter: 8pt,
|
|
column-gutter: (0pt, 10%),
|
|
[A], [B], [C],
|
|
[Ha!\ ] * 6,
|
|
[rofl],
|
|
[\ A] * 3,
|
|
[hello],
|
|
[darkness],
|
|
[my old]
|
|
)
|
|
|
|
---
|
|
// Test grid within a grid, overflowing.
|
|
#page(width: 5cm, height: 2.25cm)
|
|
#grid(
|
|
columns: 4 * (1fr,),
|
|
row-gutter: 10pt,
|
|
column-gutter: (0pt, 10%),
|
|
[A], [B], [C], [D],
|
|
grid(columns: 2, [A], [B], [C\ ]*3, [D]),
|
|
align(right, rect(width: 100%, fill: eastern)[LoL]),
|
|
[rofl],
|
|
[E\ ]*4,
|
|
)
|
|
|
|
---
|
|
// Test partition of `fr` units before and after multi-region layout.
|
|
#page(width: 5cm, height: 4cm)
|
|
#grid(
|
|
columns: 2 * (1fr,),
|
|
rows: (1fr, 2fr, auto, 1fr, 1cm),
|
|
row-gutter: 10pt,
|
|
rect(height: 100%, width: 100%, fill: rgb("ff0000"))[No height],
|
|
[foo],
|
|
rect(height: 100%, width: 100%, fill: rgb("fc0030"))[Still no height],
|
|
[bar],
|
|
[The nature of being itself is in question. Am I One? What is being alive?],
|
|
[baz],
|
|
[The answer],
|
|
[42],
|
|
[Other text of interest],
|
|
)
|