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