git ssb

2+

mixmix / ticktack



Tree: 0b92c858144de8d256d81493eaae7f81668cc93e

Files: 0b92c858144de8d256d81493eaae7f81668cc93e / app / page / blogShow.mcss

1860 bytesRaw
1Page -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-details {
29 display: flex
30 flex-wrap: wrap
31 flex-basis: 100%
32 align-items: center
33
34 h1 {
35 flex-basis: 100%
36 $fontTitle
37
38 margin: 0 0 1rem 0
39 }
40
41 div.Timeago {
42 flex-basis: 100%
43 margin-bottom: .6rem
44 }
45
46 div.Button.-channel {
47 margin-right: 1rem
48 }
49 div.Likes {
50 margin-right: 2rem
51 }
52 div.Shares {
53 margin-right: 2rem
54 }
55 div.Likes {
56 margin-right: 2rem
57 }
58 }
59
60 div.author {
61 display: flex
62
63 div.leftCol {
64 margin-right: 1rem
65 img.Avatar {}
66 }
67
68 div.rightCol {
69 div.name {
70 font-size: .9rem
71 margin-bottom: .5rem
72 }
73 div.Button.-follow {} // extract
74 }
75 }
76 }
77
78 div.break {
79 padding: 0 1.5rem
80 flex-basis: 100%
81 $backgroundPrimaryText
82
83 hr {
84 margin: 0
85 border: none
86 $borderBottomLight
87 }
88 }
89
90 section.blog {
91 flex-basis: 100%
92 $backgroundPrimaryText
93 padding: 1.5rem
94
95 margin-bottom: 1.5rem
96
97 div.Markdown {
98 $markdownBlog
99 }
100 }
101
102 div.Comments {
103 flex-basis: 100%
104 }
105 }
106 }
107}
108
109

Built with git-ssb-web