Files: dd6a279d35c61c3c1a36d453b6e27af326a3fc67 / app / html / filter.mcss
1762 bytesRaw
1 | Filter { |
2 | color: #444 |
3 | $threadWidth |
4 | |
5 | i { |
6 | position: absolute |
7 | top: 3rem |
8 | |
9 | font-size: 1.2rem |
10 | color: #b3b3b3 |
11 | cursor: pointer |
12 | } |
13 | i.fa-filter { |
14 | right: 2rem |
15 | |
16 | -active { |
17 | color: #555 |
18 | } |
19 | } |
20 | i.fa-angle-up { |
21 | left: 1rem |
22 | } |
23 | i.custom { |
24 | right: 3.5rem |
25 | font-size: .8rem |
26 | color: #666 |
27 | |
28 | ::before { |
29 | content: 'custom' |
30 | } |
31 | } |
32 | |
33 | div.options { |
34 | background-color: #fff |
35 | |
36 | padding: .5rem |
37 | border: 1px gainsboro solid |
38 | margin: 0 .5rem .5rem .5rem |
39 | |
40 | -hidden { |
41 | height: 0 |
42 | display: none |
43 | } |
44 | |
45 | header { |
46 | margin-bottom: .4rem |
47 | |
48 | font-weight: 600 |
49 | i { |
50 | margin-left: .4rem |
51 | } |
52 | } |
53 | |
54 | section { |
55 | display: flex |
56 | flex-wrap: wrap |
57 | justify-content: space-between |
58 | align-items: center |
59 | |
60 | div.users { |
61 | flex-basis: 100% |
62 | margin-bottom: .5rem |
63 | |
64 | display: flex |
65 | align-items: center |
66 | |
67 | div.FilterToggle { |
68 | flex-grow: 1 |
69 | } |
70 | div.user-filter { |
71 | label { |
72 | margin-right: .4rem |
73 | } |
74 | input { |
75 | border: 1px gainsboro solid |
76 | font-size: 1rem |
77 | } |
78 | } |
79 | } |
80 | |
81 | div.channels { |
82 | display: flex |
83 | |
84 | label { |
85 | margin-right: .4rem |
86 | } |
87 | input { |
88 | border: 1px gainsboro solid |
89 | font-size: 1rem |
90 | } |
91 | } |
92 | |
93 | div.message-types { |
94 | flex-basis: 100% |
95 | |
96 | margin: .6rem 0 |
97 | display: flex |
98 | |
99 | header { |
100 | margin-right: 1rem |
101 | } |
102 | } |
103 | |
104 | div.root-messages { |
105 | } |
106 | } |
107 | |
108 | } |
109 | } |
110 | |
111 | FilterToggle { |
112 | cursor: pointer |
113 | margin-right: .8rem |
114 | |
115 | display: flex |
116 | align-items: center |
117 | |
118 | label { |
119 | margin-right: .4rem |
120 | } |
121 | |
122 | i { |
123 | } |
124 | } |
125 |
Built with git-ssb-web