mirror of
https://github.com/typst/typst
synced 2025-05-16 18:15:29 +08:00
90 lines
1.3 KiB
Typst
90 lines
1.3 KiB
Typst
// Test grid styling options.
|
|
|
|
---
|
|
#set page(height: 70pt)
|
|
#set grid(fill: (x, y) => if calc.even(x + y) { rgb("aaa") })
|
|
|
|
#grid(
|
|
columns: (1fr,) * 3,
|
|
stroke: 2pt + rgb("333"),
|
|
[A], [B], [C], [], [], [D \ E \ F \ \ \ G], [H],
|
|
)
|
|
|
|
---
|
|
#grid(columns: 3, stroke: none, fill: green, [A], [B], [C])
|
|
|
|
---
|
|
// Test general alignment.
|
|
#grid(
|
|
columns: 3,
|
|
align: left,
|
|
[Hello], [Hello], [Hello],
|
|
[A], [B], [C],
|
|
)
|
|
|
|
// Test alignment with a function.
|
|
#grid(
|
|
columns: 3,
|
|
align: (x, y) => (left, center, right).at(x),
|
|
[Hello], [Hello], [Hello],
|
|
[A], [B], [C],
|
|
)
|
|
|
|
// Test alignment with array.
|
|
#grid(
|
|
columns: (1fr, 1fr, 1fr),
|
|
align: (left, center, right),
|
|
[A], [B], [C]
|
|
)
|
|
|
|
// Test empty array.
|
|
#set align(center)
|
|
#grid(
|
|
columns: (1fr, 1fr, 1fr),
|
|
align: (),
|
|
[A], [B], [C]
|
|
)
|
|
|
|
a
|
|
|
|
---
|
|
// Test inset.
|
|
#grid(
|
|
columns: (1fr,) * 3,
|
|
stroke: 2pt + rgb("333"),
|
|
inset: 5pt,
|
|
[A], [B], [C], [], [], [D \ E \ F \ \ \ G], [H],
|
|
)
|
|
|
|
#grid(
|
|
columns: 3,
|
|
inset: 10pt,
|
|
fill: blue,
|
|
[A], [B], [C]
|
|
)
|
|
|
|
#grid(
|
|
columns: 3,
|
|
inset: (y: 10pt),
|
|
[A], [B], [C]
|
|
)
|
|
|
|
#grid(
|
|
columns: 3,
|
|
inset: (left: 20pt, rest: 10pt),
|
|
stroke: 3pt + red,
|
|
[A], [B], [C]
|
|
)
|
|
|
|
#grid(
|
|
columns: 2,
|
|
inset: (
|
|
left: 20pt,
|
|
right: 5pt,
|
|
top: 10pt,
|
|
bottom: 3pt,
|
|
),
|
|
[A],
|
|
[B],
|
|
)
|