git ssb

1
ToggleButton {
2
  display: inline-block
3
  padding: 8px 10px
4
  border-radius: 3px
5
  font-size: 13px
6
  cursor: pointer
7
  transition: background-color 0.25s ease, color 0.25s ease, background-image 0.25s ease
8
  -subscribe {
9
    :before {
10
      content: '★ '
11
    }
12
    :hover {
13
      background-color: #45b754
14
      color: white
15
    }
16
  }
17
  -drop {
18
    :after {
19
      -webkit-mask-box-image: svg(dropArrow)
20
      width: 10px;
21
      height: 6px;
22
      display: inline-block;
23
      content: ' ';
24
      margin-left: 3px;
25
    }    
26
  }
27
  -unsubscribe {
28
    background-repeat: no-repeat
29
    background-position: right
30
    background-image: svg(subscribed)
31
    padding-right: 25px
32
    :hover {
33
      background-color: #b74945
34
      color: white
35
    }
36
  }
37
  
38
  -options {
39
    margin-left: 5px
40
    :hover {
41
      background-color: #bd881c
42
    }
43
  }
44
45
  -blocking {
46
    margin-left: 5px
47
    :hover {
48
      background-color: #bd6363
49
    }
50
  }
51
  -unblocking {
52
    margin-left: 5px
53
    :hover {
54
      background-color: #bd6363
55
    }
56
  }
57
  -disabled {
58
    cursor: default
59
    opacity: 0.4 !important
60
    text-decoration: none !important
61
  }
62
  :hover {
63
    opacity: 1
64
    text-decoration: none
65
  }
66
  @svg subscribed {
67
    width: 20px
68
    height: 12px
69
  }
70
  @svg dropArrow {
71
    width: 12px
72
    height: 6px
73
    content: "<path d='M2,0 L10,0 L6,6 Z' />"
74
    path {
75
      fill: #888
76
    }
77
  }
78
}
79