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