git ssb

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