_comments.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. #site-main > #isso-thread {
  2. margin-top: 3em;
  3. font-size: 1em;
  4. > h4 {
  5. color: var(--c-txt);
  6. }
  7. .isso-comment {
  8. border-color: var(--c-bg-alt);
  9. }
  10. .isso-postbox {
  11. max-width: unset;
  12. margin-bottom: 1em;
  13. }
  14. .isso-preview {
  15. color: #545250;
  16. }
  17. .isso-textarea {
  18. border-radius: 0;
  19. border-color: transparent;
  20. color: var(--c-txt);
  21. background-color: var(--c-bg-alt);
  22. box-shadow: none;
  23. }
  24. .isso-input-wrapper {
  25. > label {
  26. font-size: .85em;
  27. color: var(--c-txt-alt);
  28. }
  29. > input {
  30. width: 100%;
  31. background-color: var(--c-bg-alt);
  32. line-height: unset;
  33. border: 1px solid var(--c-bg);
  34. border-radius: 0;
  35. box-shadow: none;
  36. }
  37. }
  38. .isso-post-action > input {
  39. margin-top: .2em;
  40. padding: .4em;
  41. border-radius: 0;
  42. border-color: var(--c-bg-alt);
  43. color: var(--c-txt);
  44. background: transparent;
  45. box-shadow: none;
  46. &:hover {
  47. border-color: $accent;
  48. }
  49. &:active {
  50. border-style: dashed;
  51. }
  52. }
  53. .isso-notification-section > label {
  54. font-size: .8em;
  55. color: var(--c-txt-alt);
  56. vertical-align: middle;
  57. &> input {
  58. margin-right: .5em;
  59. }
  60. }
  61. .isso-avatar > img {
  62. max-width: 3em;
  63. height: auto;
  64. }
  65. .isso-text {
  66. text-align: initial;
  67. }
  68. a.isso-reply,
  69. a.isso-permalink {
  70. border: none;
  71. &:hover {
  72. color: $accent!important;
  73. }
  74. }
  75. .isso-author {
  76. color: var(--c-txt);
  77. }
  78. a.isso-author:hover {
  79. color: $accent!important;
  80. }
  81. }