summaryrefslogtreecommitdiff
path: root/tests/typ/layout/grid-styling.typ
diff options
context:
space:
mode:
Diffstat (limited to 'tests/typ/layout/grid-styling.typ')
-rw-r--r--tests/typ/layout/grid-styling.typ160
1 files changed, 0 insertions, 160 deletions
diff --git a/tests/typ/layout/grid-styling.typ b/tests/typ/layout/grid-styling.typ
deleted file mode 100644
index f83c3cc4..00000000
--- a/tests/typ/layout/grid-styling.typ
+++ /dev/null
@@ -1,160 +0,0 @@
-// 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],
-)
-
-#grid(
- columns: 3,
- fill: (x, y) => (if y == 0 { aqua } else { orange }).darken(x * 15%),
- inset: (x, y) => (left: if x == 0 { 0pt } else { 5pt }, right: if x == 0 { 5pt } else { 0pt }, y: if y == 0 { 0pt } else { 5pt }),
- [A], [B], [C],
- [A], [B], [C],
-)
-
-#grid(
- columns: 3,
- inset: (0pt, 5pt, 10pt),
- fill: (x, _) => aqua.darken(x * 15%),
- [A], [B], [C],
-)
-
----
-// Test inset folding
-#set grid(inset: 10pt)
-#set grid(inset: (left: 0pt))
-
-#grid(
- fill: red,
- inset: (right: 0pt),
- grid.cell(inset: (top: 0pt))[a]
-)
-
----
-// Test interaction with gutters.
-#grid(
- columns: (3em, 3em),
- fill: (x, y) => (red, blue).at(calc.rem(x, 2)),
- align: (x, y) => (left, right).at(calc.rem(y, 2)),
- [A], [B],
- [C], [D],
- [E], [F],
- [G], [H]
-)
-
-#grid(
- columns: (3em, 3em),
- fill: (x, y) => (red, blue).at(calc.rem(x, 2)),
- align: (x, y) => (left, right).at(calc.rem(y, 2)),
- row-gutter: 5pt,
- [A], [B],
- [C], [D],
- [E], [F],
- [G], [H]
-)
-
-#grid(
- columns: (3em, 3em),
- fill: (x, y) => (red, blue).at(calc.rem(x, 2)),
- align: (x, y) => (left, right).at(calc.rem(y, 2)),
- column-gutter: 5pt,
- [A], [B],
- [C], [D],
- [E], [F],
- [G], [H]
-)
-
-#grid(
- columns: (3em, 3em),
- fill: (x, y) => (red, blue).at(calc.rem(x, 2)),
- align: (x, y) => (left, right).at(calc.rem(y, 2)),
- gutter: 5pt,
- [A], [B],
- [C], [D],
- [E], [F],
- [G], [H]
-)