Files: 0b83856cdd663c07cc28d7f3f0f3a883b41881da / app / html / filter.mcss
1211 bytesRaw
1 | Filter { |
2 | display: flex |
3 | flex-direction: column |
4 | |
5 | i.fa-filter { |
6 | position: absolute |
7 | top: 3rem |
8 | right: 2rem |
9 | |
10 | font-size: 1.2rem |
11 | color: #b3b3b3 |
12 | cursor: pointer |
13 | |
14 | -active { |
15 | color: #555 |
16 | } |
17 | } |
18 | |
19 | div { |
20 | margin: 0 .5rem .5rem .5rem |
21 | padding: .5rem |
22 | background-color: #fff |
23 | border: 1px gainsboro solid |
24 | |
25 | -hidden { |
26 | height: 0 |
27 | display: none |
28 | } |
29 | |
30 | header { |
31 | margin-bottom: .4rem |
32 | |
33 | font-weight: 600 |
34 | i { |
35 | margin-left: .4rem |
36 | } |
37 | } |
38 | |
39 | section { |
40 | display: flex |
41 | flex-wrap: wrap |
42 | justify-content: space-between |
43 | align-items: center |
44 | |
45 | div.refresh { |
46 | label { |
47 | margin-right: .4rem |
48 | } |
49 | |
50 | } |
51 | |
52 | div.author { |
53 | label { |
54 | margin-right: .4rem |
55 | } |
56 | input { |
57 | border: 1px gainsboro solid |
58 | font-size: 1rem |
59 | } |
60 | } |
61 | |
62 | div.message-types { |
63 | margin: .6rem 0 |
64 | display: flex |
65 | |
66 | header { |
67 | margin-right: 1rem |
68 | } |
69 | } |
70 | } |
71 | |
72 | } |
73 | } |
74 | |
75 | FilterToggle { |
76 | cursor: pointer |
77 | margin-right: .8rem |
78 | |
79 | display: flex |
80 | align-items: center |
81 | |
82 | label { |
83 | margin-right: .4rem |
84 | } |
85 | |
86 | i { |
87 | } |
88 | } |
89 |
Built with git-ssb-web