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