atproto blogging
nonbinary.computer
1.collapsible-trigger {
2 display: flex;
3 overflow: hidden;
4 width: 100%;
5 box-sizing: border-box;
6 flex-direction: row;
7 align-items: center;
8 justify-content: space-between;
9 padding: 0.5rem;
10 border: 1px solid var(--color-border);
11 border-radius: 0;
12 background-color: transparent;
13 color: var(--color-text);
14 font-family: var(--font-ui);
15 font-size: 0.875rem;
16 outline: none;
17 text-align: left;
18 cursor: pointer;
19}
20
21.collapsible-trigger:focus-visible {
22 border-color: var(--color-primary);
23}
24
25.collapsible-trigger:hover {
26 background: var(--color-surface);
27}
28
29.collapsible-content {
30 display: contents;
31}
32
33.collapsible-expand-icon {
34 width: 1rem;
35 height: 1rem;
36 fill: none;
37 stroke: var(--color-muted);
38 stroke-linecap: round;
39 stroke-linejoin: round;
40 stroke-width: 2;
41}