From 111a69f6aaf0dd470dd2319f8cff29194aa0da08 Mon Sep 17 00:00:00 2001 From: PgBiel <9021226+PgBiel@users.noreply.github.com> Date: Tue, 19 Dec 2023 06:28:41 -0300 Subject: Grid and Table API Unification [More Flexible Tables Pt.1] (#3009) --- tests/ref/layout/grid-styling.png | Bin 0 -> 18429 bytes tests/typ/layout/grid-styling.typ | 89 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 89 insertions(+) create mode 100644 tests/ref/layout/grid-styling.png create mode 100644 tests/typ/layout/grid-styling.typ (limited to 'tests') diff --git a/tests/ref/layout/grid-styling.png b/tests/ref/layout/grid-styling.png new file mode 100644 index 00000000..ae5c0519 Binary files /dev/null and b/tests/ref/layout/grid-styling.png differ diff --git a/tests/typ/layout/grid-styling.typ b/tests/typ/layout/grid-styling.typ new file mode 100644 index 00000000..577e15c4 --- /dev/null +++ b/tests/typ/layout/grid-styling.typ @@ -0,0 +1,89 @@ +// 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], +) -- cgit v1.2.3