git ssb

1
GatheringCard {
2
  padding: 20px
3
  margin: 20px -20px
4
  border-top: 1px solid #2d2c2c
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
    div.attendees {
25
      text-align: center
26
27
      a + a {
28
        margin-left: 10px
29
      }
30
31
      (img) {
32
        height: 45px
33
        width: 45px
34
        border-radius: 3px
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
    a {
56
      font-size: 200%
57
    }
58
    button {
59
      float: right;
60
61
      ::before {
62
        content: '✎ '
63
      }
64
    }
65
  }
66
  div.time {
67
    color: #757474
68
  }
69
  div.description {
70
    margin: 20px 0 0
71
    padding: 20px
72
    background: #2d2c2c
73
  }
74
}
75