git ssb

1
Compose {
2
  box-shadow: inset 0 0 0px 1px rgba(0,0,0,0.1)
3
  background: #2d2c2c
4
  textarea {
5
    color: #ccc
6
    [disabled] {
7
      opacity: 0.5
8
    }
9
    :focus {
10
      outline: 0
11
    }
12
    ::-webkit-input-placeholder {
13
      color: #757474
14
    }
15
  }
16
  section.actions {
17
    background: #383736
18
    padding: 10px
19
    input[type="file"] {
20
      width: 85px
21
      height: 20px
22
      :hover {
23
        ::before {
24
          color: #ccc
25
        }
26
      }
27
      ::before {
28
        display: inline-block
29
        color: #6e6d6d
30
        padding: 3px 6px 3px 20px
31
        background: svg(paperclip) no-repeat scroll center left
32
        content: 'Attach'
33
      }
34
      @svg paperclip {
35
        width: 18px
36
        height: 18px
37
        fill: #6e6d6d
38
        content: "<path d="M13 14c0 2.21-1.79 4-4 4s-4-1.79-4-4V3c0-1.66 1.34-3 3-3s3 1.34 3 3v9c0 1.1-.9 2-2 2s-2-.9-2-2V4h1v8c0 .55.45 1 1 1s1-.45 1-1V3c0-1.1-.9-2-2-2s-2 .9-2 2v11c0 1.66 1.34 3 3 3s3-1.34 3-3V4h1v10z"/>"
39
      }
40
    }
41
    input.contentWarning {
42
      background-color: #2d2c2c;
43
      border: 2px solid #2d2c2c;
44
      color: #ccc
45
      [disabled] {
46
        opacity: 0.5
47
      }
48
      :focus {
49
        outline: 0
50
      }
51
      ::-webkit-input-placeholder {
52
        color: #757474
53
      }
54
    }
55
    (button) {
56
      :hover {
57
        background: #6a9fba
58
      }
59
      -clear {
60
        :hover {
61
          background: #e56f6f
62
        }
63
      }
64
      -private {
65
        :hover {
66
          background: #ceab2f
67
        }
68
      }
69
    }
70
  }
71
}
72