ansxor.ca
this repo has no description
1html {
2 /*white-space: pre-wrap;*/
3 word-wrap: break-all;
4 font-family: sans-serif;
5}
6
7body {
8 overflow-y: scroll;
9}
10
11#\$output {
12 background: white;
13}
14
15#\$table_total {
16 background: #6fb7c080;
17}
18
19#\$table_passed {
20 background: #3f9f5f40;
21}
22
23#\$table_failed {
24 background: #f8606060;
25}
26
27#\$table_pending {
28 background: #e0c87f70;
29}
30
31.test {
32 white-space: pre-wrap;
33 border: 2px solid black;
34 background: magenta;
35 margin: 3px;
36 font: 0.8em sans-serif;
37 display: flex;
38 flex-flow: row;
39 border-left-width: 4px;
40 border-radius: 2px;
41}
42
43.test.passed {
44 background: #7E6;
45 border-color: #186;
46}
47.test.failed {
48 background: #810;
49 color: white;
50 border-color: #D64;
51 height: unset;
52}
53
54.test .name {
55 padding: 0.1rem;
56 padding-left: 0.3rem;
57 padding-right: 0;
58 font-weight: bold;
59 white-space: pre;
60 text-overflow: ellipsis;
61 overflow: hidden;
62}
63.test.failed .name {
64 width: unset;
65}
66
67.test .input {
68 border-inline: 1px solid black;
69 padding: 0.2rem;
70 font: 1em monospace;
71 overflow-y: auto;
72 height: 5rem;
73 resize: none;
74 width: 100%;
75 box-sizing: border-box;
76 line-break: anywhere;
77 background: beige;
78 appearance: none;
79 padding: 2px;
80 border: 1px solid black;
81}
82
83.test .input:focus {
84 outline-offset: -2px;
85}
86
87.test > * {
88 display: flex;
89 flex-flow: column;
90 flex: 1 1 0;
91}
92
93.test > * > details {
94 flex-grow: 1;
95}
96
97.test > * > details > summary {
98 /*height: 100%;*/
99 align-items: flex-end;
100}
101
102details > summary::before {
103 align-self: flex-start;
104 flex: 0 0 3rem;
105 content: "show";
106 font-family: monospace;
107}
108
109details[open] > summary::before {
110 content: "hide";
111}
112
113summary {
114 cursor: pointer;
115 display: flex;
116 justify-content: space-between;
117}
118
119code {
120 white-space: pre-wrap;
121 font-size: 9px;
122 background: beige;
123 color: black;
124 line-break: anywhere;
125 border: 1px solid black;
126 padding: 1px;
127}
128
129.test .compare {
130 display: grid;
131 grid-template:
132 "label1 out1"
133 "label2 out2"
134 / max-content auto;
135 align-self: flex-start;
136 align-items: center;
137 margin-left: auto;
138}
139
140.test .compare > span {
141 text-align: right;
142}
143
144.test > :first-child {
145 padding-right: 0.5rem;
146}
147
148.test > :nth-child(2) {
149 padding-right: 0.5rem;
150}