git ssb

1
GatheringCard {
2
  border: 1px solid #DDD
3
  padding: 10px
4
  margin-bottom: 10px
5
6
  a.image {
7
    display: block
8
    margin-top: 10px
9
    height: 300px
10
    background-size: cover
11
    background-repeat: no-repeat
12
    background-position: center
13
  }
14
15
  div.attending {
16
    margin: 10px 0
17
    padding-top: 10px;
18
19
    div.title {
20
      font-size: 90%;
21
      color: #555;
22
      font-weight: bold;
23
      margin-bottom: 10px;
24
    }
25
    div.attendees {
26
      margin: 0 5px
27
      a {
28
        margin-right: 4px
29
        img {
30
          height: 45px
31
          width: 45px
32
        }
33
      }
34
    }
35
    div.actions {
36
      margin-top: 10px
37
      button + button {
38
        margin-left: 5px
39
      }
40
    }
41
  }
42
43
  div.title {
44
    font-size: 200%
45
    button {
46
      float: right;
47
      font-size: 60%;
48
    }
49
  }
50
  div.time {
51
    color: #555
52
    font-size: 120%
53
  }
54
  div.description {
55
    border-top: 3px solid #CCC;
56
    margin-top: 10px;
57
  }
58
}
59