Files: 4d9f238ff73f7136cd292da88f06c17fe1a8c445 / styles / base / compose.mcss
1892 bytesRaw
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 |
Built with git-ssb-web