j0.lol
1.dialog.profile {
2 image-rendering: pixelated;
3 height: 120px;
4 width: 120px;
5
6 @media (width <= 27rem) {
7 & {
8 height: 80px;
9 width: 80px;
10 }
11 }
12}
13
14.dialog.speech {
15 --bw-y: 14px;
16 --bw-x: 18px;
17 border-image-slice: 27 34 24 38 fill;
18 border-image-width: var(--bw-y) var(--bw-x) var(--bw-y) var(--bw-x);
19 border-image-outset: 0 0 0 0;
20 border-image-repeat: stretch stretch;
21 border-image-source: url("/static/speech/box.png");
22 border-style: solid;
23 image-rendering: pixelated;
24
25 padding: 1rem 1.2rem;
26
27 color-scheme: dark;
28 &.jo p {
29 font-family: var(--font-body);
30 }
31 &.you p {
32 font-family: var(--font-body);
33 }
34 & p {
35 color: rgb(var(--primary-200));
36 margin: 0;
37 }
38}
39
40.dialog-box {
41 display: flex;
42 flex-direction: row;
43}
44@media (width <= 27rem) {
45 .dialog-box {
46 flex-direction: column;
47 }
48 .dialog.speech {
49 --bw-y: 9px;
50 --bw-x: 12px;
51 padding: 0.5rem 0.7rem;
52 font-size: 10pt;
53 }
54}