ansxor.ca
this repo has no description
1tree-node {
2 display: block;
3}
4tree-node > div {
5 display: inline-block;
6 background: lavender;
7 border: 2px solid purple;
8 border-radius: 10px 10px 0 0;
9 padding: 1px 5px;
10 vertical-align: top;
11 border-collapse: collapse;
12 border-left-color: black;
13}
14tree-node.one > div {
15 border-radius: 10px 0 0 10px;
16}
17tree-node.leaf > div {
18 border-radius: 10px 10px 10px 10px;
19}
20tree-node > div > .type {
21 font-weight: bold;
22 white-space: pre;
23}
24tree-node > div > .args {
25 font-family: monospace;
26}
27tree-node > node-content {
28 border-collapse: collapse;
29 padding: 4px;
30 border: 2px solid purple;
31 background: #6083;
32}
33node-content {
34 display: flex;
35 flex-direction: row;
36 flex-wrap: wrap;
37 gap: 3px;
38}
39node-content > tree-node {
40 flex-grow: 1;
41 width: 100%;
42}
43node-content > tree-node.text,
44node-content > tree-node.leaf {
45 flex-grow: 0;
46 width: auto;
47}
48
49
50tree-node.one > node-content {
51 display: flex;
52 flex-direction: row;
53 flex-wrap: wrap;
54 gap: 2px;
55 padding: 2px;
56 border-collapse: collapse;
57}
58tree-node.simple > node-content {
59 display: flex;
60 flex-direction: row;
61 flex-wrap: wrap;
62}
63tree-node.simple > node-content > * {
64 flex-grow: 0;
65}
66
67tree-node.one > div {
68 align-self: start;
69}
70tree-node.branch:not(.one) > div {
71 border-bottom: none;
72}
73tree-node.one > div {
74 border-right: none;
75}
76
77tree-node.one {
78 display: flex;
79}
80
81tree-node.text {
82 display: inline-block;
83 background: beige;
84 border: 2px solid purple;
85 border-radius: 10px;
86 padding: 1px 3px;
87 font-family: serif;
88}
89
90/*tree-node:not(tree-node *) > node-content {
91 background: none;
92}*/