Files: 3ad00d6029fdc254261c83d438be1fe0dd4977bf / app / page / blogNew.mcss
2235 bytesRaw
1 | Page -blogNew { |
2 | div.SideNav {} |
3 | |
4 | div.content { |
5 | display: flex |
6 | |
7 | div.container { |
8 | flex-basis: 100% |
9 | $maxWidth |
10 | margin: 0 auto |
11 | |
12 | div.field { |
13 | margin-bottom: .5rem |
14 | $maxWidth |
15 | |
16 | display: flex |
17 | align-items: center |
18 | |
19 | div.label { |
20 | flex-basis: 4.5rem |
21 | padding-left: 1rem |
22 | margin-right: 1rem |
23 | } |
24 | |
25 | input { |
26 | flex-grow: 1 |
27 | $fontBasic |
28 | padding: .6rem 1rem |
29 | |
30 | border-radius: 4rem |
31 | $borderSubtle |
32 | outline: none |
33 | } |
34 | |
35 | -title { |
36 | margin: 0 |
37 | background-color: #fff |
38 | |
39 | h1.input { |
40 | flex-grow: 1 |
41 | $fontTitle |
42 | |
43 | padding: 2rem 1rem .6rem 1rem |
44 | border: none |
45 | border-radius: 0 |
46 | margin: 0 |
47 | outline: none |
48 | |
49 | -empty { |
50 | font-style: italic |
51 | color: #b3b3b1 |
52 | |
53 | ::after { |
54 | content: attr(data-placeholder) |
55 | } |
56 | } |
57 | } |
58 | } |
59 | |
60 | -attachment { |
61 | margin-top: .5rem |
62 | margin-left: 0 |
63 | |
64 | /* copied from message.html.compose */ |
65 | input[type="file"] { |
66 | border: none |
67 | flex-grow: 0 |
68 | |
69 | color: transparent |
70 | |
71 | ::-webkit-file-upload-button { |
72 | visibility: hidden |
73 | } |
74 | |
75 | ::before { |
76 | $attachButton |
77 | /* padding-top: .3rem */ |
78 | |
79 | /* content: '๐' */ |
80 | content: url('file.png') |
81 | font-size: 1rem |
82 | |
83 | outline: none |
84 | white-space: nowrap |
85 | -webkit-user-select: none |
86 | } |
87 | |
88 | :active, :focus { |
89 | outline: none |
90 | box-shadow: none |
91 | } |
92 | } |
93 | } |
94 | |
95 | -channel {} |
96 | } |
97 | |
98 | div.editor.Makdown { |
99 | $markdownBlog |
100 | |
101 | background-color: #fff |
102 | padding: 1rem |
103 | min-height: 30rem |
104 | outline: none |
105 | |
106 | p, h2, h3 { |
107 | :first-child { |
108 | margin-top: 0 |
109 | } |
110 | } |
111 | } |
112 | |
113 | div.Compose { |
114 | margin-bottom: 4rem |
115 | |
116 | textarea { |
117 | display: none |
118 | } |
119 | } |
120 | } |
121 | } |
122 | } |
123 |
Built with git-ssb-web