git ssb

1
Filter {
2
  color: #444
3
  $threadWidth
4
5
  i {
6
    position: absolute
7
    top: 3rem
8
9
    font-size: 1.2rem
10
    color: #b3b3b3
11
    cursor: pointer
12
  }
13
  i.fa-filter {
14
    right: 2rem
15
16
    -active {
17
      color: #555
18
    }
19
  }
20
  i.fa-angle-up {
21
    left: 1rem
22
  }
23
  i.custom {
24
    right: 3.5rem
25
    font-size: .8rem
26
    color: #666
27
28
    ::before {
29
      content: 'custom'
30
    }
31
  }
32
33
  div.options {
34
    background-color: #fff
35
36
    padding: .5rem
37
    border: 1px gainsboro solid
38
    margin: 0 .5rem .5rem .5rem
39
40
    -hidden {
41
      height: 0
42
      display: none
43
    }
44
45
    header {
46
      margin-bottom: .4rem
47
48
      font-weight: 600
49
      i {
50
        margin-left: .4rem
51
      }
52
    }
53
54
    section {
55
      display: flex
56
      flex-wrap: wrap
57
      justify-content: space-between
58
      align-items: center
59
60
      div.users {
61
        flex-basis: 100%
62
        margin-bottom: .5rem
63
64
        display: flex
65
        align-items: center
66
67
        div.FilterToggle {
68
          flex-grow: 1
69
        }
70
        div.user-filter {
71
          label {
72
            margin-right: .4rem
73
          }
74
          input {
75
            border: 1px gainsboro solid
76
            font-size: 1rem
77
          }
78
        }
79
      }
80
      
81
      div.channels  {
82
        display: flex
83
         
84
        label {
85
          margin-right: .4rem
86
        }
87
        input {
88
          border: 1px gainsboro solid
89
          font-size: 1rem
90
        }
91
      }
92
93
      div.message-types {
94
        flex-basis: 100%
95
96
        margin: .6rem 0
97
        display: flex
98
99
        header {
100
          margin-right: 1rem
101
        }
102
      }
103
104
      div.root-messages {
105
      }
106
    }
107
108
  }
109
}
110
111
FilterToggle {
112
  cursor: pointer
113
  margin-right: .8rem
114
115
  display: flex
116
  align-items: center
117
118
  label {
119
    margin-right: .4rem
120
  }
121
122
  i {
123
  }
124
}
125