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: rgba(0,0,0,.02)
35
36
    padding: .5rem
37
    border: 1px gainsboro solid
38
39
    -hidden {
40
      height: 0
41
      display: none
42
    }
43
44
    header {
45
      margin-bottom: .4rem
46
47
      font-weight: 600
48
      i {
49
        margin-left: .4rem
50
      }
51
    }
52
53
    section {
54
      display: flex
55
      flex-wrap: wrap
56
      justify-content: space-between
57
      align-items: center
58
59
      div.users {
60
        flex-basis: 100%
61
        margin-bottom: .5rem
62
63
        display: flex
64
        align-items: center
65
66
        div.FilterToggle {
67
          flex-grow: 1
68
        }
69
        div.user-filter {
70
          label {
71
            margin-right: .4rem
72
          }
73
          input {
74
            border: 1px gainsboro solid
75
            font-size: 1rem
76
          }
77
        }
78
      }
79
      
80
      div.channels  {
81
        display: flex
82
         
83
        label {
84
          margin-right: .4rem
85
        }
86
        input {
87
          border: 1px gainsboro solid
88
          font-size: 1rem
89
        }
90
      }
91
92
      div.message-types {
93
        flex-basis: 100%
94
95
        margin: .6rem 0
96
        display: flex
97
98
        header {
99
          margin-right: 1rem
100
        }
101
      }
102
103
      div.root-messages {
104
      }
105
    }
106
107
  }
108
}
109
110
FilterToggle {
111
  cursor: pointer
112
  margin-right: .8rem
113
114
  display: flex
115
  align-items: center
116
117
  label {
118
    margin-right: .4rem
119
  }
120
121
  i {
122
  }
123
}
124