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
      color: #AAA;
22
      background: #ebf7ee;
23
    }
24
    :focus {
25
      outline: 0
26
    }
27
    ::-webkit-input-placeholder {
28
      color: #757474
29
    }
30
  }
31
32
  section.actions {
33
    display: flex
34
    flex-direction: row
35
    align-items: baseline
36
    justify-content: space-between
37
    background: #fafafa
38
39
    padding: .4rem
40
41
    input[type="file"] {
42
      padding: .5rem 0
43
44
      width: 95px
45
      height: 29px
46
47
      color: transparent
48
49
      :hover {
50
        ::before {
51
          color: black
52
          border-color: #8B8B8B
53
        }
54
      }
55
56
      ::-webkit-file-upload-button {
57
        display: none
58
      }
59
60
      ::before {
61
        color: #5f5f5f;
62
        padding: 3px 6px;
63
        background: white;
64
        border: 2px solid #DDD;
65
        border-radius: 3px;
66
        cursor: pointer
67
        padding-top: .3rem
68
        content: '📎 Attach File'
69
        font-size: 1rem
70
        outline: none
71
        white-space: nowrap
72
        -webkit-user-select: none
73
      }
74
75
      :active, :focus {
76
        outline: none
77
        box-shadow: none
78
      }
79
    }
80
  }
81
82
  -expanded {
83
    textarea {
84
      height: 200px
85
      transition: height .15s ease-out
86
    }
87
88
    section.actions {
89
      display: flex
90
    }
91
  }
92
93
  -contracted {
94
    textarea {
95
      height: 50px
96
      transition: height .15s ease-in
97
    }
98
99
    section.actions {
100
      display: none
101
    }
102
  }
103
104
}
105