oppi.li
1/* These are the remnants of the fomantic comment module */
2/* TODO: remove all of these rules */
3
4.ui.comments {
5 margin: 1.5em 0;
6}
7
8.ui.comments:first-child {
9 margin-top: 0;
10}
11
12.ui.comments:last-child {
13 margin-bottom: 0;
14}
15
16.ui.comments .comment {
17 position: relative;
18 background: none;
19 margin: 0.5em 0 0;
20 padding: 0.5em 0 0;
21 border: none;
22 border-top: none;
23 line-height: 1.2;
24}
25
26.ui.comments .comment:first-child {
27 margin-top: 0;
28 padding-top: 0;
29}
30
31.ui.comments .comment > .comments {
32 margin: 0 0 0.5em 0.5em;
33 padding: 1em 0 1em 1em;
34}
35
36.ui.comments .comment > .comments::before {
37 position: absolute;
38 top: 0;
39 left: 0;
40}
41
42.ui.comments .comment > .comments .comment {
43 border: none;
44 border-top: none;
45 background: none;
46}
47
48.ui.comments .comment .avatar {
49 float: left;
50 width: 2.5em;
51}
52
53.ui.comments .comment > .content {
54 display: block;
55}
56
57.ui.comments .comment > .avatar ~ .content {
58 margin-left: 3.5em;
59}
60
61.ui.comments .comment .author {
62 font-size: 1em;
63 font-weight: var(--font-weight-medium);
64}
65
66.ui.comments .comment a.author {
67 cursor: pointer;
68}
69
70.ui.comments .comment .metadata {
71 display: inline-block;
72 margin-left: 0.5em;
73 font-size: 0.875em;
74}
75
76.ui.comments .comment .metadata > * {
77 display: inline-block;
78 margin: 0 0.5em 0 0;
79}
80
81.ui.comments .comment .metadata > :last-child {
82 margin-right: 0;
83}
84
85.ui.comments .comment .text {
86 margin: 0.25em 0 0.5em;
87 font-size: 1em;
88 word-wrap: break-word;
89 line-height: 1.3;
90}