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
      }
30
    }
31
    div.actions {
32
      margin-top: 10px
33
      button + button {
34
        margin-left: 5px
35
      }
36
    }
37
  }
38
39
  div.title {
40
    font-size: 200%
41
    button {
42
      float: right;
43
      font-size: 60%;
44
    }
45
  }
46
  div.time {
47
    color: #555
48
    font-size: 120%
49
  }
50
  div.description {
51
    border-top: 3px solid #CCC;
52
    margin-top: 10px;
53
  }
54
}
55