git ssb

2+

mixmix / ticktack



Tree: f4097436ca51813b562fc191008b76f8bcb6c71b

Files: f4097436ca51813b562fc191008b76f8bcb6c71b / app / page / blogShow.mcss

1709 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 {
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 border-bottom: 1px solid gainsboro
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