Files: 62404afd51be20fc4b7925c7ad3b91a4a4b34915 / modules_basic / message.mcss
1082 bytesRaw
1 | Message { |
2 | padding: 1rem .5rem 1rem 7.5rem |
3 | border-top: solid 1px gainsboro |
4 | min-height: 5rem |
5 | |
6 | position: relative |
7 | display: flex |
8 | flex-direction: row |
9 | flex-wrap: wrap |
10 | justify-content: flex-end |
11 | |
12 | header.author { |
13 | position: absolute |
14 | left: .5rem |
15 | } |
16 | |
17 | section.title { |
18 | flex-grow: 1 |
19 | font-size: .9rem |
20 | } |
21 | |
22 | section.meta { |
23 | display: flex |
24 | a { |
25 | margin-left: .2rem |
26 | $textSubtle |
27 | } |
28 | |
29 | input{ |
30 | margin-right: 0 |
31 | order: 99 |
32 | } |
33 | } |
34 | |
35 | section.content { |
36 | flex-basis: 100% |
37 | |
38 | (img) { |
39 | max-width: 100% |
40 | } |
41 | } |
42 | |
43 | section.action { |
44 | flex-basis: 100% |
45 | display: flex |
46 | justify-content: flex-end |
47 | |
48 | a { |
49 | margin-left: .5em |
50 | } |
51 | } |
52 | |
53 | footer.backlinks { |
54 | flex-basis: 100% |
55 | } |
56 | |
57 | |
58 | -mini { |
59 | font-size: .9rem |
60 | justify-content: flex-start |
61 | padding: .25rem .5rem |
62 | min-height: inherit |
63 | |
64 | header.author { |
65 | order: 0 |
66 | position: initial |
67 | left: initial |
68 | } |
69 | |
70 | section.content { |
71 | order: 1 |
72 | flex-basis: initial |
73 | flex-grow: 1 |
74 | } |
75 | |
76 | section.meta { |
77 | order: 2 |
78 | } |
79 | } |
80 | } |
81 |
Built with git-ssb-web