git ssb

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
        border-bottom: 1px solid gainsboro
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