git ssb

1
Compose {
2
  box-shadow: inset 0 0 0px 1px rgba(0,0,0,0.1)
3
  background: #343744
4
  textarea {
5
    color: #ccc
6
    [disabled] {
7
      opacity: 0.5
8
    }
9
    :focus {
10
      outline: 0
11
    }
12
    ::-webkit-input-placeholder {
13
      color: #6272a4
14
    }
15
  }
16
  section.actions {
17
    background: #44475a
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
        border: 1px solid #282a36
32
        background: svg(paperclip) no-repeat scroll center left
33
        content: 'Attach'
34
      }
35
      @svg paperclip {
36
        width: 18px
37
        height: 18px
38
        fill: #6e6d6d
39
        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"/>"
40
      }
41
    }
42
    input.contentWarning {
43
      background-color: #282a36;
44
      border: 2px solid #282a36;
45
      color: #ccc
46
      [disabled] {
47
        opacity: 0.5
48
      }
49
      :focus {
50
        outline: 0
51
      }
52
      ::-webkit-input-placeholder {
53
        color: #6272a4
54
      }
55
    }
56
    (button) {
57
      :hover {
58
        background: #6a9fba
59
      }
60
      -clear {
61
        :hover {
62
          background: #e56f6f
63
        }
64
      }
65
      -private {
66
        :hover {
67
          background: #ceab2f
68
        }
69
      }
70
    }
71
  }
72
}
73