git ssb

1
GatheringCard {
2
  a.image {
3
    display: block
4
    margin-top: 10px
5
    height: 300px
6
    background-size: cover
7
    background-repeat: no-repeat
8
    background-position: center
9
  }
10
  div.attending {
11
    margin: 10px 0
12
    padding-top: 10px
13
    div.title {
14
      font-size: 75%
15
      margin-bottom: 10px
16
      text-align: center
17
    }
18
    div.attendees {
19
      text-align: center
20
      a + a {
21
        margin-left: 10px
22
      }
23
      (img) {
24
        height: 45px
25
        width: 45px
26
        border-radius: 5px
27
      }
28
    }
29
    div.actions {
30
      text-align: center
31
      margin-top: 10px
32
      button {
33
        :first-child {
34
          ::before {
35
            content: '✔ '
36
          }
37
        }
38
      }
39
      button + button {
40
        margin-left: 5px
41
      }
42
    }
43
  }
44
  div.title {
45
    button {
46
      float: right
47
      ::before {
48
        content: '✎ '
49
      }
50
    }
51
  }
52
}
53