1classes: {
2 2x2: {
3 grid-rows: 2
4 grid-columns: 2
5 }
6 gap0: {
7 vertical-gap: 0
8 horizontal-gap: 0
9 }
10}
11
12grid w/ container: {
13 class: 2x2
14
15 a
16 b: {
17 b child
18 }
19 c
20 d
21}
22
23grid w/ nested containers: {
24 class: 2x2
25
26 a
27 b: {
28 b 1: {
29 b 2: {
30 b 3: {
31 b 4
32 }
33 }
34 b 2a: {
35 b 3a: {
36 b 3a
37 }
38 }
39 }
40 }
41 c
42 d
43}
44
45grid in grid: {
46 class: 2x2
47
48 a
49 b: {
50 class: 2x2
51
52 a
53 b
54 c
55 d
56 }
57 c
58 d
59}
60
61grid w/ grid w/ grid: {
62 class: [2x2; gap0]
63
64 a
65 b: {
66 class: [2x2; gap0]
67
68 a
69 b
70 c: {
71 class: [2x2; gap0]
72
73 a
74 b
75 c
76 d: {
77 class: [2x2; gap0]
78
79 a: {
80 class: [2x2; gap0]
81
82 a
83 b
84 c
85 d
86 }
87 b
88 c
89 d
90 }
91 }
92 d
93 }
94 c
95 d
96}
View as plain text