demos for spacedust
bad-example.com
1.post {
2 background-color: rgb(32, 41, 53);
3 border: 1px solid rgb(46, 64, 82);
4 border-radius: 0.1em;
5 display: flex;
6 flex-basis: 20em;
7 flex-direction: column;
8 min-width: 12em;
9 max-width: 24em;
10}
11
12.record-contents {
13 flex-grow: 1;
14 padding: 1em;
15 text-align: left;
16 align-content: center;
17}
18
19.stats {
20 border-top: 0.5px solid rgb(46, 64, 82);
21 display: flex;
22 justify-content: space-around;
23 margin: 0;
24 gap: 1em;
25 padding: 0 1em;
26 opacity: 0.667;
27}
28.stat.reply:before {
29 content: "🫧 ";
30}
31.stat.repost:before {
32 content: "♻ ";
33}
34.stat.like:before {
35 content: "♡ ";
36}
37
38@media (prefers-color-scheme: light) {
39 .post {
40 background-color: rgb(241, 243, 245);
41 }
42}