Files: a11c9497d075ed6b8bda770c39ff3b83868c2451 / styles / compose.mcss
1576 bytesRaw
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 | font-size: 120% |
14 | background: transparent |
15 | border: none |
16 | padding: 10px |
17 | [disabled] { |
18 | color: #AAA; |
19 | background: #ebf7ee; |
20 | } |
21 | } |
22 | |
23 | section.actions { |
24 | display: flex |
25 | flex-direction: row |
26 | align-items: baseline |
27 | justify-content: space-between |
28 | background: #fafafa |
29 | |
30 | padding: .4rem |
31 | |
32 | input[type="file"] { |
33 | padding: .5rem 0 |
34 | |
35 | width: 29px |
36 | height: 29px |
37 | |
38 | color: transparent |
39 | |
40 | :hover { |
41 | ::before { |
42 | color: black |
43 | border-color: #8B8B8B |
44 | } |
45 | } |
46 | |
47 | ::-webkit-file-upload-button { |
48 | display: none |
49 | } |
50 | |
51 | ::before { |
52 | color: #5f5f5f; |
53 | padding: 3px 6px; |
54 | background: white; |
55 | border: 2px solid #DDD; |
56 | border-radius: 4px; |
57 | cursor: pointer |
58 | padding-top: .3rem |
59 | content: '๐' |
60 | font-size: 1rem |
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 | |
73 | -expanded { |
74 | textarea { |
75 | height: 200px |
76 | transition: height .15s ease-out |
77 | border-bottom: 1px solid gainsboro |
78 | } |
79 | |
80 | section.actions { |
81 | display: flex |
82 | } |
83 | } |
84 | |
85 | -contracted { |
86 | textarea { |
87 | height: 50px |
88 | transition: height .15s ease-in |
89 | } |
90 | |
91 | section.actions { |
92 | display: none |
93 | } |
94 | } |
95 | |
96 | } |
97 |
Built with git-ssb-web