_reviews.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. /**
  2. * Reviews
  3. */
  4. body[class*="woocommerce"] #page { // adding #content here to override default wc styles without !important
  5. /**
  6. * Reviews
  7. */
  8. #reviews {
  9. h2 small {
  10. color: var(--global--color-foreground-low-contrast);
  11. font-size: var(--global--font-size-sm);
  12. margin: inherit;
  13. a {
  14. color: currentColor;
  15. }
  16. }
  17. .woocommerce-Reviews-title {
  18. }
  19. .comment-form {
  20. .stars a {
  21. border-bottom: none;
  22. }
  23. }
  24. #comments {
  25. ol.commentlist {
  26. padding-left: 0;
  27. li {
  28. margin-bottom: var(--global--spacing-unit);
  29. .meta {
  30. color: var(--global--color-foreground-low-contrast);
  31. font-size: var(--global--font-size-sm);
  32. }
  33. img.avatar {
  34. padding: 0;
  35. width: calc(1.5 * var(--global--spacing-vertical));
  36. height: auto;
  37. background: transparent;
  38. border-color: var(--global--color-border-default);
  39. margin: 0;
  40. box-shadow: none;
  41. }
  42. .woocommerce-review__author {
  43. font-family: var(--global--font-primary);
  44. }
  45. .comment-text {
  46. margin-left: calc(4 * var(--global--spacing-unit));
  47. border: 1px solid var(--global--color-border);
  48. border-radius: 4px;
  49. padding: 1em 1em 0;
  50. p {
  51. margin: 0 0 1em;
  52. }
  53. p.meta {
  54. font-size: 0.83em;
  55. }
  56. }
  57. }
  58. ul.children {
  59. list-style: none outside;
  60. margin: 20px 0 0 50px;
  61. .star-rating {
  62. display: none;
  63. }
  64. }
  65. #respond {
  66. border: 1px solid var(--global--color-border);
  67. border-radius: 4px;
  68. padding: 1em 1em 0;
  69. margin: 20px 0 0 50px;
  70. }
  71. }
  72. .commentlist > li::before {
  73. content: "";
  74. }
  75. }
  76. }
  77. }