git ssb

1
Compose {
2
  $maxWidth
3
4
  display: flex
5
  flex-direction: column
6
7
  textarea {
8
    $fontBasic
9
10
    padding: .6rem
11
    $borderSubtle
12
    border-top-left-radius: 0
13
    border-top-right-radius: 0
14
  }
15
16
  input.channel {
17
    $borderSubtle
18
    border-bottom: none
19
    border-bottom-left-radius: 0
20
    border-bottom-right-radius: 0
21
    padding: .5rem
22
23
    :focus {
24
      outline: none
25
      box-shadow: none
26
    }
27
    :disabled {
28
      background-color: #f1f1f1
29
      cursor: not-allowed
30
    }
31
  }
32
33
  section.actions {
34
    display: flex
35
    flex-direction: row
36
    align-items: baseline
37
    justify-content: space-between
38
39
    margin-top: .4rem
40
41
    input { flex-grow: 1 }
42
43
    input[type="file"] {
44
      padding: .5rem 0
45
46
      width: 2.5rem
47
      height: 1.5rem
48
      color: transparent
49
50
      ::-webkit-file-upload-button {
51
        visibility: hidden
52
      }
53
54
      ::before {
55
        $attachButton
56
        padding-top: .3rem
57
58
        content: '📎'
59
        font-size: 1rem
60
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
    div.Button {
73
      margin-left: .5rem
74
    }
75
  }
76
77
  -expanded {
78
    textarea {
79
      height: 200px
80
      transition: height .15s ease-out
81
    }
82
83
    input.channel {
84
      display: flex
85
    }
86
87
    section.actions {
88
      display: flex
89
    }
90
  }
91
92
  -contracted {
93
    textarea {
94
      height: 50px
95
      transition: height .15s ease-in
96
    }
97
98
    input.channel {
99
      display: none
100
    }
101
102
    section.actions {
103
      display: none
104
    }
105
  }
106
107
}
108
109
$attachButton {
110
  background: #fff
111
  color: #666
112
  border: 1px solid #b9b9b9
113
  padding: .5rem
114
  margin: 0
115
  cursor: pointer
116
}
117