git ssb

2+

mixmix / ticktack



Tree: f53d4720c0fe90f6e4f8f94d0f986812e6ca896b

Files: f53d4720c0fe90f6e4f8f94d0f986812e6ca896b / app / page / blogSearch.mcss

1263 bytesRaw
1Page -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