friendship ended with social-app. php is my new best friend
veryroundbird.house
1.profileCard {
2 position: relative;
3 .avatar {
4 aspect-ratio: 1/1;
5 width: 100px;
6 border-radius: 100%;
7 border: 1px var(--border-color) solid;
8 overflow: hidden;
9 position: absolute;
10 left: 10px;
11 transform: translateY(calc(-75% - 25px));
12
13 img {
14 width: 100%;
15 height: 100%;
16 }
17 }
18
19 .banner {
20 aspect-ratio: 740/247;
21 margin-bottom: 25px;
22
23 img, .nobanner {
24 width: 100%;
25 height: 100%;
26 object-fit: cover;
27 }
28
29 .nobanner {
30 background-color: var(--btn-primary-bg);
31 }
32 }
33
34 .profileInfo {
35 padding: 10px;
36 position: relative;
37
38 .displayName {
39 font-weight: bold;
40 }
41
42 .did {
43 font-size: .75em;
44 opacity: .8;
45
46 &:hover {
47 opacity: 1;
48 }
49 }
50
51 .description {
52 margin: 1em 0;
53 }
54
55 .actions {
56 position: absolute;
57 top: -15px;
58 right: 10px;
59 }
60 }
61
62 .userStats {
63 margin: 1em 0;
64 }
65}