git ssb

1
Compose {
2
  display: flex
3
  flex-direction: column
4
  flex-shrink: 0
5
  max-width: 700px
6
  width: 100%
7
8
  margin: 20px auto;
9
  box-shadow: inset 0 0 0px 1px rgba(0,0,0,0.1)
10
  border-radius: 3px
11
  background: #2d2c2c
12
13
  textarea {
14
    resize: vertical
15
    font-size: 120%
16
    background: transparent
17
    border: none
18
    padding: 10px
19
    color: #ccc
20
    [disabled] {
21
      opacity: 0.5
22
    }
23
    :focus {
24
      outline: 0
25
    }
26
    ::-webkit-input-placeholder {
27
      color: #757474
28
    }
29
  }
30
31
  section.actions {
32
    display: flex
33
    flex-direction: row
34
    align-items: baseline
35
    justify-content: space-between
36
    background: #383736
37
    padding: 10px
38
    border-bottom-left-radius: 3px
39
    border-bottom-right-radius: 3px
40
41
    input[type="file"] {
42
      width: 85px
43
      height: 20px
44
      color: transparent
45
46
      :hover {
47
        ::before {
48
          color: #ccc
49
        }
50
      }
51
52
      ::-webkit-file-upload-button {
53
        display: none
54
      }
55
56
      ::before {
57
        color: #6e6d6d;
58
        padding: 3px 6px;
59
        background: transparent;
60
        cursor: pointer
61
        content: '📎 Attach File'
62
        font-size: 1rem
63
        outline: none
64
        white-space: nowrap
65
        -webkit-user-select: none
66
      }
67
68
      :active, :focus {
69
        outline: none
70
        box-shadow: none
71
      }
72
    }
73
74
    button {
75
      ::before {
76
        content: '☉ '
77
      }
78
      :hover {
79
        background: #6f74e5
80
      }
81
    }
82
  }
83
84
  -expanded {
85
    textarea {
86
      height: 200px
87
      transition: height .15s ease-out
88
    }
89
90
    section.actions {
91
      display: flex
92
    }
93
  }
94
95
  -contracted {
96
    textarea {
97
      height: 50px
98
      transition: height .15s ease-in
99
    }
100
101
    section.actions {
102
      display: none
103
    }
104
  }
105
106
}
107