通用评论

index.css 1.6KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .editor {
  2. box-sizing: border-box;
  3. margin: 0;
  4. padding: 0;
  5. width: 100%;
  6. max-width: 100%;
  7. list-style: none;
  8. position: relative;
  9. display: block;
  10. font-size: 14px;
  11. line-height: 1.5;
  12. color: rgba(0, 0, 0, 0.65);
  13. background-color: #fff;
  14. background-image: none;
  15. border: 1px solid #d9d9d9;
  16. border-radius: 4px;
  17. transition: all 0.3s, height 0s;
  18. }
  19. .editor textarea.ant-input {
  20. border: none;
  21. border-bottom: 1px solid #eee;
  22. border-bottom-right-radius: 0;
  23. border-bottom-left-radius: 0;
  24. }
  25. .editor textarea.ant-input:hover {
  26. border: none;
  27. border-bottom: 1px solid #eee;
  28. }
  29. .editor textarea.ant-input:focus {
  30. box-shadow: none;
  31. border-bottom: 1px solid #eee;
  32. }
  33. .editor [contentEditable='true']:empty:not(:focus):before {
  34. content: attr(data-text);
  35. color: #bfbfbf;
  36. }
  37. .editor:focus,
  38. .editor:hover {
  39. border-color: #40a9ff;
  40. outline: 0;
  41. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  42. }
  43. .content {
  44. display: block;
  45. box-sizing: border-box;
  46. padding: 4px 10px;
  47. width: 100%;
  48. max-width: 100%;
  49. height: 100%;
  50. max-height: 110px;
  51. overflow-y: auto;
  52. overflow-x: auto;
  53. }
  54. .content:focus,
  55. .content:hover {
  56. outline: 0;
  57. }
  58. .toolbar {
  59. display: inline-block;
  60. width: 100%;
  61. margin: 5px 0 0 0;
  62. }
  63. .toolbar .icon {
  64. font-size: 23px;
  65. cursor: pointer;
  66. transition: color 0.3s;
  67. }
  68. .toolbar .icon:hover {
  69. color: #40a9ff;
  70. }
  71. .feed .ant-popover-inner-content {
  72. padding: 12px 16px 20px 16px;
  73. }
  74. .feed .ant-carousel .slick-dots {
  75. bottom: -10px;
  76. }
  77. .feed .ant-carousel .slick-dots li.slick-active button {
  78. background-color: #7b868a;
  79. }
  80. .feed .ant-carousel .slick-dots li button {
  81. background-color: #a2aeb5;
  82. }