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: 75%;
21
      margin-bottom: 10px;
22
      text-align: center
23
    }
24
25
    div.attendees {
26
      text-align: center
27
28
      a + a {
29
        margin-left: 10px
30
      }
31
32
      (img) {
33
        height: 45px
34
        width: 45px
35
      }
36
    }
37
    div.actions {
38
      text-align: center
39
      margin-top: 10px
40
41
      button {
42
        :first-child {
43
          ::before {
44
            content: '✔ '
45
          }
46
        }
47
      }
48
      button + button {
49
        margin-left: 5px
50
      }
51
    }
52
  }
53
54
  div.title {
55
    font-size: 200%
56
    button {
57
      float: right;
58
      font-size: 60%;
59
    }
60
  }
61
  div.time {
62
    color: #555
63
    font-size: 120%
64
  }
65
  div.description {
66
    border-top: 3px solid #CCC;
67
    margin-top: 10px;
68
  }
69
}
70