You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

comment.css 1.5KB

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