git ssb

0+

dangerousbeans / patchwork



forked from Matt McKegg / patchwork

Tree: a11c9497d075ed6b8bda770c39ff3b83868c2451

Files: a11c9497d075ed6b8bda770c39ff3b83868c2451 / styles / compose.mcss

1576 bytesRaw
1Compose {
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