git ssb

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