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
  -blocking {
36
    margin-left: 5px
37
    border: 0px
38
  }
39
40
  -unblocking {
41
    margin-left: 5px
42
    background-color: rgb(212, 112, 112)
43
    color: #ffffff
44
    border: 0px
45
  }
46
47
  -disabled {
48
    cursor: default
49
    opacity: 0.4 !important
50
    text-decoration: none !important
51
  }
52
53
  :hover {
54
    opacity: 1
55
    text-decoration: none
56
  }
57
58
  @svg subscribed {
59
    width: 20px
60
    height: 12px
61
    content: "<circle cx='6' stroke='#757474' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#757474'/>"
62
  }
63
64
  @svg subscribed-hover {
65
    width: 20px
66
    height: 12px
67
    content: "<circle cx='6' stroke='#aaa' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#aaa'/>"
68
  }
69
}
70