social components
inlay.at
atproto
components
sdui
1.root {
2 display: flex;
3 align-items: center;
4 justify-content: center;
5 background: none;
6 border: none;
7 border-radius: 8px;
8 padding: 5px 12px;
9 font-family:
10 "Rubik",
11 -apple-system,
12 sans-serif;
13 font-size: 12px;
14 font-weight: 500;
15 color: var(--fg-2);
16 cursor: pointer;
17 white-space: nowrap;
18 text-decoration: none;
19 transition:
20 background 0.1s,
21 color 0.1s;
22}
23.root:hover {
24 background: var(--border-8);
25 color: var(--fg-0);
26}
27.root[data-danger]:hover {
28 color: var(--error);
29}
30
31.sm {
32 display: flex;
33 align-items: center;
34 background: none;
35 border: none;
36 border-radius: 0;
37 padding: 0;
38 font-family:
39 "Rubik",
40 -apple-system,
41 sans-serif;
42 font-size: 10px;
43 font-weight: 400;
44 color: var(--fg-2);
45 cursor: pointer;
46 white-space: nowrap;
47 text-decoration: none;
48}
49
50.disabled {
51 cursor: default;
52 color: var(--fg-3);
53}