git ssb

1
PageHeading {
2
  display: flex
3
  h1 {
4
    flex: 1
5
  }
6
  div.meta {
7
    a {
8
      font-size: 80%;
9
      background: rgb(112, 112, 112);
10
      border: 2px solid #313131;
11
      transition: opacity 0.2s;
12
      opacity: 0.6;
13
      padding: 6px 12px;
14
      color: white;
15
      border-radius: 4px;
16
      font-weight: bold;
17
      text-decoration: none;
18
      display: block;
19
20
      -subscribe {
21
        background-color: rgb(88, 171, 204);
22
        border-color: #20699c;
23
      }
24
25
      -unsubscribe {
26
        background-repeat: no-repeat
27
        background-position: right
28
        background-image: svg(subscribed)
29
        padding-right: 25px
30
      }
31
32
      :hover {
33
        opacity: 1
34
      }
35
    }
36
  }
37
38
  @svg subscribed {
39
    width: 20px
40
    height: 12px
41
    content: "<circle cx='6' stroke='#FFF' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#FFF'/>"
42
  }
43
}
44