1direction: right
2outer-grid -> outer-container
3
4outer-grid: {
5 grid-columns: 1
6
7 inner-grid -> container -> etc
8
9 container: {
10 label.near: top-left
11 (** -> **)[*].class: red
12 # edges on grid descendant now supported
13 a -> b -> c -> a
14 d -> e -> g.h.i
15 d -> f -> g.h
16 b -> g
17 }
18
19 inner-grid: {
20 grid-rows: 1
21 # edges inside another grid now supported
22 1 -> 2 -> 3: {class: red}
23 }
24}
25
26outer-container: {
27 grid -> container
28
29 grid: {
30 grid-rows: 1
31 # direct child edges ok in least nested grid
32 1 -> 2 -> 3
33 }
34
35 container: {
36 # non grid edges ok
37 4 -> 5 -> 6
38 nested container: {
39 # nested non grid edges ok
40 7 -> 8
41 }
42 }
43}
44
45classes.red.style.stroke: red
View as plain text