oppi.li
1.milestone-list {
2 list-style: none;
3}
4
5.milestone-card {
6 width: 100%;
7 padding-top: 10px;
8 padding-bottom: 10px;
9}
10
11.milestone-card + .milestone-card {
12 border-top: 1px solid var(--color-secondary);
13}
14
15.milestone-card .content {
16 padding-top: 10px;
17}
18
19.milestone-header progress {
20 width: 200px;
21 height: 16px;
22}
23
24.milestone-header {
25 display: flex;
26 align-items: center;
27 margin: 0;
28 flex-wrap: wrap;
29 justify-content: space-between;
30}
31
32.milestone-header h3 {
33 display: flex;
34 align-items: center;
35 margin: 0;
36 gap: 0.5rem;
37}
38
39.milestone-toolbar {
40 padding-top: 5px;
41 display: flex;
42 flex-wrap: wrap;
43 gap: 8px;
44 justify-content: space-between;
45}
46
47.milestone-toolbar .group {
48 color: var(--color-text-light-2);
49 display: flex;
50 flex-wrap: wrap;
51 gap: 8px;
52}
53
54.milestone-toolbar .group > a {
55 font-size: 15px;
56 color: var(--color-text-light-2);
57}
58
59.milestone-toolbar .group > a:hover {
60 color: var(--color-text);
61}
62
63@media (max-width: 767.98px) {
64 .milestone-card {
65 display: flex;
66 flex-direction: column;
67 gap: 8px;
68 }
69}