git ssb

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