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