demos for spacedust
bad-example.com
1.feed-filter-type,
2.feed-filter-secondary {
3 align-items: baseline;
4 display: flex;
5 gap: 0.5rem;
6 justify-content: center;
7 max-width: calc(100vw - 2rem);
8 margin-top: 0.5rem;
9}
10
11.feed-filter-type h4,
12.feed-filter-secondary h4 {
13 margin: 0;
14}
15
16.app-icon {
17 height: 1rem;
18 display: inline-block;
19 vertical-align: baseline;
20 position: relative;
21 top: 0.1rem;
22 margin-right: 0.25rem;
23}
24
25.feed-notifications {
26 text-align: left;
27 margin: 2rem auto;
28}
29
30.filter-pref-wrapper {
31 display: inline-block;
32}
33
34.filter-pref-trigger {
35 display: inline-block;
36 padding: 0 0.25rem;
37}
38.filter-pref-trigger:hover {
39 background: hsla(0, 0%, 50%, 0.333);
40 border-radius: 0.3333rem;
41}
42
43.popup-arrow {
44 color: #2c343c;
45 stroke-width: 1.5px;
46 stroke: hsla(0, 0%, 50%, 0.333);
47 stroke-dasharray: 30px;
48 stroke-dashoffset: -54px;
49}
50
51.popup-overlay {
52 background: hsla(0, 0%, 0%, 0.1);
53}
54
55.popup-content {
56 background: #2c343c;
57 padding: 0.25rem 0.333rem;
58 font-size: 0.8rem;
59 border: 0.5px solid hsla(0, 0%, 50%, 0.333);
60 border-radius: 0.25rem;
61}
62.filter-pref-popup {
63 text-align: center;
64}
65.filter-pref-popup h4 {
66 margin: 0 0 0.25rem;
67 font-size: 0.8rem;
68 color: #bbb;
69}
70.filter-pref.option {
71 display: block;
72}