Files: 680a431c743ee01f79ddd270be7444e06f4c8cef / styles / light / feed-event.mcss
813 bytesRaw
1 | FeedEvent { |
2 | display: flex |
3 | flex-direction: column |
4 | background: white |
5 | box-shadow: 0 2px 4px rgba(0,0,0,0.1) |
6 | max-width: 700px |
7 | width: 100% |
8 | margin: 25px auto |
9 | |
10 | :empty { |
11 | margin-bottom: -25px |
12 | } |
13 | |
14 | -new, -unread { |
15 | box-shadow: 0px 0px 2px #ffc800; |
16 | background: #fffdf7; |
17 | } |
18 | |
19 | div + div { |
20 | border-top: 1px solid #EEE |
21 | } |
22 | |
23 | div { |
24 | flex: 1 |
25 | } |
26 | |
27 | a.full { |
28 | display: block; |
29 | padding: 10px; |
30 | background: #f3fafd; |
31 | border-top: 1px solid #bbc9d2; |
32 | border-bottom: 1px solid #bbc9d2; |
33 | text-align: center; |
34 | } |
35 | |
36 | div.replies { |
37 | font-size: 100% |
38 | display: flex |
39 | flex-direction: column |
40 | div { |
41 | flex: 1 |
42 | margin: 0 |
43 | } |
44 | |
45 | div + div { |
46 | border-top: 1px solid #EEE |
47 | } |
48 | } |
49 | |
50 | div.meta { |
51 | font-size: 100% |
52 | padding: 10px 20px |
53 | opacity: 0.8 |
54 | } |
55 | |
56 | } |
57 |
Built with git-ssb-web