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