git ssb

1
Compose {
2
  display: flex
3
  flex-direction: column
4
  flex-shrink: 0
5
  width: 100%
6
  margin: 20px auto
7
  border-radius: 5px
8
  textarea {
9
    resize: vertical
10
    font-size: 120%
11
    background: transparent
12
    border: none
13
    padding: 10px
14
    font-family: inherit
15
  }
16
  section.warning {
17
    overflow: hidden
18
    color: #fff
19
    font-size: 1.2rem
20
    background-color: #ff00b6
21
    height: 0
22
    padding: 0 .5rem
23
    transition: all ease-in .1s
24
    display: flex
25
    justify-content: space-between
26
    -open {
27
      padding: .5rem
28
      height: initial
29
    }
30
    i.fa {
31
      margin-right: .5rem
32
    }
33
    div.warning {
34
      strong {
35
        margin-right: .3rem
36
      }
37
    }
38
    div.close {
39
      cursor: pointer
40
    }
41
  }
42
  section.actions {
43
    display: flex
44
    flex-direction: row
45
    align-items: baseline
46
    justify-content: space-between
47
    border-bottom-left-radius: 5px
48
    border-bottom-right-radius: 5px
49
    input[type="file"] {
50
      color: transparent
51
      ::-webkit-file-upload-button {
52
        display: none
53
      }
54
      ::before {
55
        cursor: pointer
56
        font-size: 1rem
57
        outline: none
58
        white-space: nowrap
59
        border-radius: 5px
60
        -webkit-user-select: none
61
      }
62
      :active, :focus {
63
        outline: none
64
        box-shadow: none
65
      }
66
    }
67
    input.contentWarning {
68
      border: 2px solid #ddd;
69
      border-radius: 3px;
70
      flex: 1;
71
      font-size: 120%
72
      margin-left: 5px;
73
      margin-right: 5px;
74
      min-width: 0;
75
      padding: 5px 6px;
76
    }
77
    (button) {
78
      -clear {
79
        margin-right: 5px
80
      }
81
    }
82
  }
83
  -expanded {
84
    textarea {
85
      height: 200px
86
      transition: height .15s ease-out
87
    }
88
    section.actions {
89
      display: flex
90
    }
91
  }
92
  -contracted {
93
    textarea {
94
      height: 50px
95
      transition: height .15s ease-in
96
    }
97
    section.actions {
98
      display: none
99
    }
100
  }
101
}
102