git ssb

1
FeedEvent {
2
  display: flex
3
  flex-direction: column
4
  background: white
5
  box-shadow: 0 2px 4px rgba(0,0,0,0.1)
6
  max-width: 700px
7
  width: 100%
8
  margin: 25px auto
9
10
  -group {
11
    background: #e8e8e8
12
    a.expand {
13
      display: block;
14
      padding: 10px;
15
      background: #f1f1f1;
16
      text-align: center;
17
      color: #1f1e1e;
18
      cursor: pointer;
19
      :before { content: '▼ '; font-size: 80% }
20
      :hover {
21
        color: black
22
      }
23
    }
24
25
    div.items {
26
      margin: -10px 15px;
27
    }
28
29
    -expanded {
30
      a.expand {
31
        :before { display: none }
32
      }
33
    }
34
  }
35
36
  :empty {
37
    margin-bottom: -25px
38
  }
39
40
  -new, -unread {
41
    box-shadow: 0px 0px 2px #ffc800;
42
    background: #fffdf7;
43
  }
44
45
  div + div {
46
    border-top: 1px solid #EEE
47
  }
48
49
  div {
50
    flex: 1
51
  }
52
53
  a.full {
54
    display: block;
55
    padding: 10px;
56
    background: #f3fafd;
57
    border-top: 1px solid #bbc9d2;
58
    border-bottom: 1px solid #bbc9d2;
59
    text-align: center;
60
  }
61
62
  div.replies {
63
    font-size: 100%
64
    display: flex
65
    flex-direction: column
66
    div {
67
      flex: 1
68
      margin: 0
69
    }
70
71
    div + div {
72
      border-top: 1px solid #EEE
73
    }
74
  }
75
76
  div.meta {
77
    font-size: 100%
78
    padding: 10px 20px
79
    opacity: 0.8
80
  }
81
82
}
83