friendship ended with social-app. php is my new best friend
veryroundbird.house
1a.refreshBar {
2 background-color: var(--text-color);
3 color: var(--background-color);
4 display: block;
5 width: 100%;
6 padding: 10px;
7 font-weight: bold;
8 text-align: center;
9 opacity: .8;
10
11 &:hover {
12 opacity: 1;
13 }
14}
15
16.feedHeader {
17 text-align: left;
18 padding: 10px;
19 display: grid;
20 grid-template-areas: "avatar heading"
21 "spacer description"
22 "spacer info";
23 gap: 10px;
24 grid-template-columns: 64px 1fr;
25 border-bottom: 1px var(--border-color) solid;
26
27 img {
28 width: 64px;
29 height: 64px;
30 border-radius: 100%;
31 grid-area: avatar;
32 }
33
34 h2 {
35 text-align: left;
36 grid-area: heading;
37 margin: 0;
38
39 small {
40 display: block;
41 margin-top: .5em;
42 font-size: .5em;
43 opacity: 0.75;
44
45 &:hover {
46 opacity: 1;
47 }
48 }
49 }
50
51 .description {
52 grid-area: description;
53 }
54
55 .info {
56 grid-area: info;
57 }
58
59 ul {
60 list-style: none;
61 margin: 1em 0 0;
62 padding: 0;
63 }
64}