alice.mosphere.at
this repo has no description
1#accounts-container {
2 background-color: var(--bg-faded-color);
3}
4
5#accounts-container section {
6 background-color: var(--bg-color);
7 margin: 8px 0 0;
8 padding: 8px 16px;
9 border-top: var(--hairline-width) solid var(--outline-color);
10 border-bottom: var(--hairline-width) solid var(--outline-color);
11 border-radius: 8px;
12}
13#accounts-container section ul > li:last-child {
14 border-bottom: none;
15}
16
17#accounts-container section > ul {
18 margin: 0;
19 padding: 0;
20 list-style: none;
21}
22#accounts-container section > ul > li {
23 padding: 8px 0;
24 display: flex;
25 justify-content: space-between;
26 align-items: center;
27 border-bottom: var(--hairline-width) solid var(--outline-color);
28}
29
30#accounts-container section > ul > li .current {
31 margin-inline-end: 8px;
32 color: var(--green-color);
33 opacity: 0.1;
34}
35#accounts-container section > ul > li .current.is-current {
36 opacity: 1;
37}
38#accounts-container section > ul > li .current.is-current + .avatar {
39 box-shadow:
40 0 0 0 1.5px var(--green-color),
41 0 0 8px var(--green-color);
42}
43#accounts-container section > ul > li .avatar + .name-text {
44 vertical-align: middle;
45}
46#accounts-container section > ul > li > div.actions {
47 flex-basis: fit-content;
48 margin-top: 8px;
49}
50
51#accounts-container .avatar {
52 margin-inline-end: 8px;
53}
54
55#accounts-container .accounts-list li div {
56 display: flex;
57 align-items: center;
58}