git ssb

1
Compose {
2
  $maxWidth
3
4
  display: flex
5
  flex-direction: column
6
7
  textarea {
8
    $fontBasic
9
10
    padding: 1rem
11
    border-radius: 1rem
12
    border: none
13
    margin-bottom: .5rem
14
15
    :focus {
16
      outline: none
17
    }
18
  }
19
20
  section.actions {
21
    display: flex
22
    flex-direction: row
23
    align-items: baseline
24
    justify-content: flex-end
25
26
    margin-top: .4rem
27
28
    input { flex-grow: 1 }
29
30
    input[type="file"] {
31
      padding: .5rem 0
32
33
      width: 2.5rem
34
      height: 1.5rem
35
      color: transparent
36
37
      ::-webkit-file-upload-button {
38
        visibility: hidden
39
      }
40
41
      ::before {
42
        $attachButton
43
        padding-top: .3rem
44
45
        content: '📎'
46
        font-size: 1rem
47
48
        outline: none
49
        white-space: nowrap
50
        -webkit-user-select: none
51
      }
52
53
      :active, :focus {
54
        outline: none
55
        box-shadow: none
56
      }
57
    }
58
59
    div.Button {
60
      margin-left: .5rem
61
    }
62
  }
63
64
  -expanded {
65
    textarea {
66
      height: 200px
67
      transition: height .15s ease-out
68
    }
69
70
    input.channel {
71
      display: flex
72
    }
73
74
    section.actions {
75
      display: flex
76
    }
77
  }
78
79
  -contracted {
80
    textarea {
81
      height: 50px
82
      transition: height .15s ease-in
83
    }
84
85
    input.channel {
86
      display: none
87
    }
88
89
    section.actions {
90
      display: none
91
    }
92
  }
93
94
}
95
96
$attachButton {
97
  background: #fff
98
  color: #666
99
  border: 1px solid #b9b9b9
100
  padding: .5rem
101
  margin: 0
102
  cursor: pointer
103
}
104