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
        font-size: 100%;
43
        :first-child {
44
          ::before {
45
            content: '✔ '
46
          }
47
        }
48
      }
49
      button + button {
50
        margin-left: 5px
51
      }
52
    }
53
  }
54
55
  div.title {
56
    font-size: 200%
57
    button {
58
      float: right;
59
      font-size: 50%;
60
      ::before {
61
        content: '✎ '
62
      }
63
    }
64
  }
65
  div.time {
66
    color: #555
67
    font-size: 120%
68
  }
69
  div.description {
70
    border-top: 3px solid #CCC;
71
    margin-top: 10px;
72
  }
73
}
74