Files: 50a8f45832d95d56a26433d9cd66e7453416a55e / app / page / blogSearch.mcss
1263 bytesRaw
1 | Page -blogSearch { |
2 | div.content { padding: 0 } |
3 | |
4 | div.Scroller.content { |
5 | |
6 | section.top { |
7 | position: sticky |
8 | left: 0 |
9 | right: 0 |
10 | top: 0 |
11 | z-index: 99 |
12 | |
13 | background-color: #fff |
14 | |
15 | div.search { |
16 | border-top: 1px solid gainsboro |
17 | border-bottom: 2px solid #f5f6f7 |
18 | padding: 1rem |
19 | |
20 | div.input { |
21 | max-width: 16rem |
22 | border: 1px solid gainsboro |
23 | margin-left: .5rem |
24 | |
25 | display: flex |
26 | align-items: center |
27 | |
28 | i.fa { |
29 | margin-left: .5rem |
30 | } |
31 | |
32 | input { |
33 | padding: .5rem |
34 | border: none |
35 | outline: none |
36 | } |
37 | } |
38 | |
39 | div.results { |
40 | margin-top: 1rem |
41 | margin-left: .5rem |
42 | |
43 | display: flex |
44 | flex-wrap: wrap |
45 | |
46 | div.Button { |
47 | margin: .2rem .1rem |
48 | } |
49 | } |
50 | } |
51 | } |
52 | |
53 | section.content { |
54 | background-color: #fff |
55 | $maxWidth |
56 | padding: .5rem 2rem |
57 | margin: .8rem auto |
58 | |
59 | display: flex |
60 | flex-wrap: wrap |
61 | |
62 | div.BlogCard { |
63 | flex-basis: 100% |
64 | |
65 | border-bottom: 1px solid gainsboro |
66 | } |
67 | } |
68 | |
69 | section.bottom { |
70 | div.Button { |
71 | margin: 1rem 0 |
72 | } |
73 | } |
74 | } |
75 | } |
76 | |
77 | |
78 |
Built with git-ssb-web