Files: 0e65bf76f75d4874321e893134b730597473287e / app / html / thread-card.mcss
820 bytesRaw
1 | ThreadCard { |
2 | display: flex |
3 | align-items: center |
4 | |
5 | margin-bottom: .5rem |
6 | |
7 | div.context { |
8 | display: flex |
9 | margin-right: 1rem |
10 | font-weight: inherit |
11 | } |
12 | |
13 | div.content { |
14 | flex-grow: 1 |
15 | |
16 | cursor: pointer |
17 | padding: 1rem |
18 | border: 1px solid #ddd |
19 | border-radius: 2px |
20 | |
21 | transition: all .5s ease |
22 | |
23 | :hover { |
24 | background-color: #fff |
25 | border: 1px solid #fff |
26 | } |
27 | |
28 | div.subject { |
29 | font-size: 1.2rem |
30 | margin-bottom: .3rem |
31 | |
32 | $markdownLarge |
33 | } |
34 | div.reply { |
35 | color: #444 |
36 | |
37 | display: flex |
38 | align-items: center |
39 | |
40 | i.fa-caret-left { |
41 | margin-left: .7rem |
42 | margin-right: .5rem |
43 | } |
44 | |
45 | $markdownSmall |
46 | } |
47 | } |
48 | |
49 | -unread { |
50 | div.content { |
51 | background-color: #fff |
52 | |
53 | div.subject { |
54 | $markdownBold |
55 | } |
56 | } |
57 | } |
58 | } |
59 | |
60 | |
61 | |
62 | |
63 | |
64 |
Built with git-ssb-web