git ssb

1
ToggleButton {
2
  display: inline-block
3
  color: #757474
4
  padding: 8px 10px
5
  background: #2d2c2c
6
  border: 0
7
  border-radius: 3px
8
  font-size: 13px
9
  cursor: pointer
10
  transition: background-color 0.25s ease, color 0.25s ease
11
12
  -subscribe {
13
    color: #ccc
14
15
    :before {
16
      content: '★ '
17
    }
18
    :hover {
19
      background-color: #45b754;
20
      color: white;
21
    }
22
  }
23
24
  -unsubscribe {
25
    background-repeat: no-repeat
26
    background-position: right
27
    background-image: svg(subscribed)
28
    padding-right: 25px
29
30
    :hover {
31
      background-image: svg(subscribed-hover)
32
    }
33
  }
34
35
  -disabled {
36
    cursor: default
37
    opacity: 0.4 !important
38
    text-decoration: none !important
39
  }
40
41
  :hover {
42
    opacity: 1
43
    text-decoration: none
44
  }
45
46
  @svg subscribed {
47
    width: 20px
48
    height: 12px
49
    content: "<circle cx='6' stroke='#757474' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#757474'/>"
50
  }
51
52
  @svg subscribed-hover {
53
    width: 20px
54
    height: 12px
55
    content: "<circle cx='6' stroke='#aaa' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#aaa'/>"
56
  }
57
}
58