git ssb

1
ToggleButton {
2
  display: inline-block
3
  color: white
4
  padding: 8px 10px
5
  background-color: #848484
6
  border: none
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
    :before {
14
      content: '★ '
15
    }
16
    :hover {
17
      background-color: #45b754;
18
      color: white;
19
    }
20
  }
21
22
  -unsubscribe {
23
    background-repeat: no-repeat
24
    background-position: right
25
    background-image: svg(subscribed)
26
    padding-right: 25px
27
  }
28
29
  -blocking {
30
    margin-left: 5px
31
    border: 0px
32
    :hover {
33
      background-color: #bd6363
34
    }
35
  }
36
37
   -unblocking {
38
    margin-left: 5px
39
    background-color: rgb(212, 112, 112)
40
    color: #ffffff
41
    border: 0px
42
    :hover {
43
       background-color: rgb(212, 167, 112)
44
    }
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
    color: white
56
    text-decoration: none
57
    background-color: #585656
58
  }
59
60
  @svg subscribed {
61
    width: 20px
62
    height: 12px
63
    content: "<circle cx='6' stroke='#FFF' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#FFF'/>"
64
  }
65
}
66