unoffical wafrn mirror
wafrn.net
atproto
social-network
activitypub
1.ask-container {
2 --ask-background-color: var(--mat-sys-surface-container-high);
3 display: grid;
4 grid-template-columns: 1fr auto;
5 gap: 1rem;
6}
7
8.ask-content {
9 position: relative;
10 padding: 0.5em 0.75em;
11 border: 2px solid var(--mat-sys-outline-variant);
12 border-radius: var(--mat-sys-corner-small);
13 background-color: var(--ask-background-color);
14
15 &::after {
16 --arrow-size: 0.75rem;
17 content: '';
18 display: block;
19 width: var(--arrow-size);
20 height: var(--arrow-size);
21 position: absolute;
22 right: 0;
23 top: 1rem;
24 background-color: var(--ask-background-color);
25 rotate: 45deg;
26 translate: calc(var(--arrow-size) / 2 + 2px);
27 border: 0 solid var(--mat-sys-outline-variant);
28 border-top-width: 2px;
29 border-right-width: 2px;
30 }
31}
32
33.ask-avatar {
34 --avatar-size: 45px;
35}
36
37.ask-header {
38 font-size: 0.9rem;
39 margin-bottom: 0.5rem;
40}
41
42.ask-user {
43 color: var(--mat-sys-primary);
44 font-weight: 500;
45}
46
47.ask-text {
48 margin-bottom: 0;
49}