Files: 26ec4bc385c250f6b9b1d0eb534ceaff0f876083 / app / page / blogShow.mcss
1693 bytesRaw
1 | Page -blogShow { |
2 | // div.context {} |
3 | |
4 | div.Scroller.content { |
5 | padding: 0 |
6 | section.top { |
7 | position: sticky |
8 | top: initial |
9 | |
10 | div.blogHeader { |
11 | } |
12 | } |
13 | |
14 | section.content { |
15 | background-color: initial |
16 | padding: .8rem |
17 | margin: 1rem auto |
18 | |
19 | display: flex |
20 | |
21 | header { |
22 | $backgroundPrimaryText |
23 | flex-basis: 100% |
24 | padding: 1.5rem |
25 | |
26 | display: flex |
27 | |
28 | div.blog { |
29 | display: flex |
30 | flex-wrap: wrap |
31 | flex-basis: 100% |
32 | align-items: center |
33 | |
34 | h1 { |
35 | flex-basis: 100% |
36 | |
37 | $markdownLarge |
38 | font-size: 2rem |
39 | font-weight: 300 |
40 | margin: 0 0 1rem 0 |
41 | } |
42 | |
43 | div.Timeago { |
44 | flex-basis: 100% |
45 | margin-bottom: .6rem |
46 | } |
47 | |
48 | div.Button.-channel { |
49 | margin-right: 1rem |
50 | } |
51 | div.Likes { |
52 | } |
53 | } |
54 | |
55 | div.author { |
56 | display: flex |
57 | |
58 | div.leftCol { |
59 | margin-right: 1rem |
60 | img.Avatar {} |
61 | } |
62 | |
63 | div.rightCol { |
64 | div.name { |
65 | font-size: .9rem |
66 | margin-bottom: .5rem |
67 | } |
68 | div.Button.-follow {} // extract |
69 | } |
70 | } |
71 | } |
72 | |
73 | div.break { |
74 | padding: 0 1.5rem |
75 | flex-basis: 100% |
76 | $backgroundPrimaryText |
77 | |
78 | hr { |
79 | margin: 0 |
80 | border: none |
81 | $borderBottomLight |
82 | } |
83 | } |
84 | |
85 | section.blog { |
86 | flex-basis: 100% |
87 | $backgroundPrimaryText |
88 | padding: 1.5rem |
89 | |
90 | margin-bottom: 1.5rem |
91 | } |
92 | |
93 | div.Comments { |
94 | flex-basis: 100% |
95 | } |
96 | } |
97 | } |
98 | } |
99 | |
100 |
Built with git-ssb-web